Beautiful multilingual API documentation theme for Hugo
DocuAPI is a beautiful multilingual API documentation theme for Hugo. This theme is built on top of the beautiful work of Robert Lord and others on the Slate project (Apache 2 License).
Visit the demo site.
The client library used to build the ToC does not handle Unicode very well. To get around this in Hugo >= 0.62.2, put this in your site config:
[markup] [markup.goldmark] [markup.goldmark.parser] autoHeadingIDType = "github-ascii"
Note: this theme requires Hugo >= 0.56.0 to run. If you want to edit the SCSS styles, you need:
npm installto install requirements)
See the exampleSite and more specific its site configuration for the available options.
Most notable: This theme will use all the (non drafts) pages in the site and build a single-page API documentation. Using
weightin the page front matter is the easiest way to control page order.
If you want a different page selection, please provide your own
layouts/index.htmltemplate.
You can customize the look-and-feel by adding your own CSS variables in
assets/scss/docuapi_overrides.scss. See the exampleSite folder for an example.
You can override the layouts by providing some custom partials:
partials/hook_head_end.htmlis inserted right before the
headend tag. Useful for additional styles etc.
partials/hook_body_end.htmlwhich should be clear by its name.
partials/hook_left_sidebar_start.htmlthe start of the left sidebar
partials/hook_left_sidebar_end.htmlthe end of the left sidebar
partials/hook_left_sidebar_logo.htmlthe log
imgsource
The styles and Javascript import are also put in each partial and as such can be overridden if really needed:
partials/styles.html
partials/js.html