A Node.js port of lord/slate
Slate helps you create beautiful, intelligent, responsive API documentation.
The example above was created with Slate. Check it out at lord.github.io/slate.
-
Clean, intuitive design — With Slate, the description of your API is on the left side of your documentation, and all the code examples are on the right side. Inspired by Stripe's and Paypal's API docs. Slate is responsive, so it looks great on tablets, phones, and even in print.
-
Everything on a single page — Gone are the days when your users had to search through a million pages to find what they wanted. Slate puts the entire documentation on a single page. We haven't sacrificed linkability, though. As you scroll, your browser's hash will update to the nearest header, so linking to a particular point in the documentation is still natural and easy.
-
Slate is just Markdown — When you write docs with Slate, you're just writing Markdown, which makes it simple to edit and understand. Everything is written in Markdown — even the code samples are just Markdown code blocks.
-
Write code samples in multiple languages — If your API has bindings in multiple programming languages, you can easily put in tabs to switch between them. In your document, you'll distinguish different languages by specifying the language name at the top of each code block, just like with Github Flavored Markdown.
-
Out-of-the-box syntax highlighting for 150 languages, no configuration required.
-
Automatic, smoothly scrolling table of contents on the far left of the page. As you scroll, it displays your current position in the document. It's fast, too. We're using Slate at TripIt to build documentation for our new API, where our table of contents has over 180 entries. We've made sure that the performance remains excellent, even for larger documents.
-
Let your users update your documentation for you — By default, your Slate-generated documentation is hosted in a public Github repository. Not only does this mean you get free hosting for your docs with Github Pages, but it also makes it simple for other developers to make pull requests to your docs if they find typos or other problems. Of course, if you don't want to use GitHub, you're also welcome to host your docs elsewhere.
Getting started with Slate is super easy! Simply fork this repository and follow the instructions below. Or, if you'd like to check out what Slate is capable of, take a look at the sample docs.
You're going to need:
- Node.js
- Fork this repository on Github.
- Clone your forked repository (not our original one) to your hard drive with
git clone https://github.com/YOURUSERNAME/node-slate.git
cd node-slate
- Initialize and start Slate:
npm install
npm run build
npm start
You can now see the docs at http://localhost:4567. Whoa! That was fast!
Compile documentation to static site in ./build
:
npm run build
Run a dev server that live-reloads at http://localhost:4567:
npm start
Publish your docs to origin/gh-pages
branch:
# on linux
npm run deploy
Or use manual git
commands:
git checkout gh-pages
git add build
git commit -m "update api document"
git subtree push --prefix build origin gh-pages
# Where: `build` is folder which contains our static html pages. We only need to put it to `gh-pages` branch.
# Note: remove `build` out of .gitignore file in the first init commit to `gh-pages`, but not necessary remove it in `master`.
Reference: Deploying a subfolder to GitHub Pages
Result: https://vunb.github.io/node-slate