Help with Layout/Content structure

support
1

Working a photography site.

I’d like to have pages for each category: Architecture, Wildlife, Portrait, etc.

Each of these pages will contain a grid of photos:
Architecture:

  • New York
  • London

Wildlife:

  • Dogs
  • Cats

After clicking a photo (ex: Wildlife > Dogs), will lead to page contain a grid of dog photos.

Seeking suggestions on how to properly utilize Hugo file structure to accomplish this.
Ideally as more subcategories & images are added, they will automatically be rendered.

Here’s an example of what I’m trying to emulate - http://www.deepshikhajain.com/index/
Thanks very much.

…continues to read documentation

2

A really basic structure like:

.
├── architecture
│   ├── london
│   │   ├── index.md
│   │   ├── london-1.jpg
│   │   └── london-2.jpg
│   └── new-york
│       └── index.md
└── wildlife
    ├── cats
    │   └── index.md
    └── dogs
        └── index.md

Use page bundles (https://gohugo.io/content-management/page-bundles/#readout):

1 Like