This site uses Hugo. In Hugo, content organization is a core concept.
Hugo Tip: Start Hugo withhugo server --navigateToChanged
for content edit-sessions.
The documentation side menu, the documentation page browser etc. are listed using Hugo’s default sort order, which sorts by weight (from 1), date (newest first) and finally by the link title.
Given that, if you want to move a page or a section up, set a weight in the page’s front matter:
title: My Page
weight: 10
For page weights, it can be smart not to use 1, 2, 3 …, but some other interval, say 10, 20, 30… This allows you to insert pages where you want later.
The Documentation
main menu is built from the sections below docs/
with the main_menu
flag set in front matter of the _index.md
section content file:
main_menu: true
Note that the link title is fetched from the page’s linkTitle
, so if you want it to be something different than the title, change it in the content file:
main_menu: true
title: Page Title
linkTitle: Title used in links
The above needs to be done per language. If you don’t see your section in the menu, it is probably because it is not identified as a section by Hugo. Create a_index.md
content file in the section folder.
The documentation side-bar menu is built from the current section tree starting below docs/
.
It will show all sections and their pages.
If you want a section or page to not be listed, set the toc_hide
flag in front matter:
toc_hide: true
When you navigate to a section, the page shown is the section page (e.g. _index.md
) if it has content, else the first page inside that section.
The page browser on the documentation home page is built from all sections and pages directly below the docs section
.
If you want a section or page to not be listed, set the toc_hide
flag in front matter:
toc_hide: true
The site links in the top-right menu – and also in the footer – are built by page-lookups. This is to make sure that the page actually exists. So, if the case-studies
section does not exist in a site (language), it will not be linked to.
In addition to standalone content pages (Markdown files), Hugo supports Page Bundles.
One example is Custom Hugo Shortcodes. It is a socalled leaf bundle
. Everything below the directory with the index.md
will be part of the bundle, with page-relative links, images can be processed etc.:
en/docs/home/contribute/includes
├── example1.md
├── example2.md
├── index.md
└── podtemplate.json
Another example used widely is the includes
bundle. It has headless: true
set in front matter, which means that it does not get its own URL. It is only used in other pages.
en/includes
├── default-storage-class-prereqs.md
├── federated-task-tutorial-prereqs.md
├── federation-content-moved.md
├── index.md
├── partner-script.js
├── partner-style.css
├── task-tutorial-prereqs.md
├── user-guide-content-moved.md
└── user-guide-migration-notice.md
Some important notes to the files in the bundles:
Resources
and you can provide metadata per language, such as parameters and title, even if it does not supports front matter (YAML files etc.). See Page Resources Metadata..RelPermalink
from a Resource
is page-relative.The SASS
source of the stylesheets for this site is stored below src/sass
and can be built with make sass
(note that Hugo will get SASS
support soon, see https://github.com/gohugoio/hugo/issues/4243).