Directory Structure

In Hugo, pages are the core of your site.

The theme generates the navigation menu out of the given directory structure.

Organize your site like any other Hugo project. Typically, you will have a content directory with all your pages.

content
β”œβ”€β”€ first-chapter
β”‚   β”œβ”€β”€ first-page
|   |   |── _index.md
|   β”‚   β”œβ”€β”€ first-sub-page
|   |   |   |── _index.md
|   |   |   |── picture1.png
|   |   |   └── plain.txt
β”‚   β”œβ”€β”€ second-page
|   |   |── index.md
|   |   |── picture1.png
|   |   └── picture2.png
β”‚   └── third-page.md
└── _index.md
Note

While you can also go different, _index.md (with an underscore) is recommended for each directory, it’s your directory’s home page.

See Hugo’s guide for content to learn more.