LiveDemo: https://zalando-incubator.github.io/hexo-theme-doc
hexo-theme-doc is a documentation theme for Hexo, the fast and powerful blog framework powered by Node.js. It differs from other Hexo themes by allowing you to present documentation—especially REST API documentation.
Created by JavaScript/Node.js developers, hexo-theme-doc capitalizes on Hexo's extensibility and system of plugins for adding custom tags, customizing layouts, and processing multiple kinds of sources, which makes generating static websites simpler than other tools.
hexo-theme-doc's features include:
- A clean and responsive layout
- Search
- Swagger integration
- Support for Swagger UI
- Ability to generate beautiful HTML API references (this feature is in beta phase).
- Simple, configurable navigation, including for Tables of Contents
- Google Analytics
- Customizable logo and favicon
Visit our demo to view an example of hexo-theme-doc in action.
Our step-by-step guide aims to get you running with hexo-theme-doc in five minutes or less.
For a deeper dive, check our user documentation.
hexo-theme-doc is currently in development at Zalando and useful out-of-the-box to others. We welcome suggestions/feedback and contributions, especially on these planned features:
- More sophisticated control over navigation/automatic filesystem-based navigation (community feedback priority)
- Swagger to HTML (this feature is in beta phase)
- Make implementation more robust, and covering all edge cases (development priority)
- Support for Swagger 3.0
- Ability to fetch Swagger files from remote locations
- Ability to provide request/response examples in an external file
- Exclusion of APIs/operations from output
- Markdown content support
For more info on our progress, visit the changelog contributions.
There are many ways to contribute to hexo-theme-doc:
- give a github star to the project
- create github issues and help us to find bugs and/or request features.
- contribute to the source code
Please check our CONTRIBUTING guidelines.
To get started with hexo-theme-doc development, you need to install NodeJS and Git. Then install hexo-cli globally:
$ npm install hexo-cli -g
Get the theme source and install the dependencies:
$ git clone git@github.com:zalando-incubator/hexo-theme-doc.git
$ cd hexo-theme-doc && npm installEnsure that you can successfully run test and linting tasks:
$ npm run test && npm run lint
If you want to update the visual aspects of your front-end, we suggest using our user documentation site as a playground for previewing your changes. First, link the theme package globally with:
$ cd hexo-theme-doc && npm link
Then get the user documentation source:
$ git clone git@github.com:zalando-incubator/hexo-theme-doc.git hexo-theme-doc-site
$ cd hexo-theme-doc-site
$ git fetch --all && git checkout gh-pages-source
$ npm install
The documentation source resides in this repository as well but just on a different branch called:
gh-pages-source
Now link the theme package as a dependency (this will use your local version):
$ npm link hexo-theme-docFinally run the built-in server:
$ hexo sOpen your browser at http://localhost:4000, and hopefully you'll see the documentation site up and running.
Run tests with Facebook's Jest (currently the only testing tool compatible with hexo-theme-doc):
$ npm run test
To generate coverage reports run:
$ npm run test:coverage
Reports are generated at target/coverage.Sometimes you'll only need to run one test suite focused on a single problem; do that by running:
$ npm run test -- <regexp>
<regexp> represents a Regular Expression, matching test file path(s)—eg. npm run jest -- search*.
Lint the code using ESLint (currently the only linting tool compatible with hexo-theme-doc):
$ npm run lint
To apply automatic fixes to your code, run it with the --fix option:
$ npm run lint --fix
Use Webpack and node-sass to compile your JavaScript source and style source for the browser:
$ npm run compile
!!! ALWAYS !!! compile and commit distribution artifacts after updating Javascript and/or SCSS files.
Only the maintainers** perform releases. Our preferred workflow:
- Bump version in
package.json - Run
npm run prerelease - Commit and push
- Open a PR
- When PR is merged, tag and push
- Thanks to Esin Isik for helping us out with Design and UX
- Thanks to Royyan Razka from the Noun Project for the logo
- Some similar projects that inspired us: hexo-theme-meteor, slate, gitbook, readthedocs theme.
MIT license with exceptions. See the full license for details.
Copyright 2017, Zalando SE
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
