Rodeo: https://rodeo.club/post/7364463023047536640
Follow me:
X: https://x.com/genxnotes
Bluesky: https://bsky.app/profile/genxnotes.com
Pixiv: https://www.pixiv.net/users/90286455
Subscribe: If you enjoy my art, please follow me for more updates!
Blog
-
[Art] Art 031
-
[Art] Art 030
Rodeo: https://rodeo.club/post/7364103594993217536
Follow me:
X: https://x.com/genxnotes
Bluesky: https://bsky.app/profile/genxnotes.com
Pixiv: https://www.pixiv.net/users/90286455Subscribe: If you enjoy my art, please follow me for more updates!
-
A Practical Guide to Properly Theming Hugo Glossary Sections (and Avoiding Template Duplication Hell)
If you want your Hugo-powered glossary (用語集) section to have its own navigation bar or layout while keeping your codebase lean, read on! Here’s what really matters, and the “aha!” moments you need to know.
Step 1: Creating a Glossary Section
Just put your glossary Markdown files under content/en/glossary/ and content/ja/glossary/.
You don’t need anything extra for Hugo to treat them as a unique section.Directory example:
content/ en/ glossary/ apple.md bitcoin.md ja/ glossary/ apple.md bitcoin.md
Step 2: Making a Separate Glossary Navigation Partial
Want your glossary pages to have a custom menu? Just create:
layouts/partials/glossary/nav.htmlPut your glossary-specific navigation HTML here.
This can be a glossary term list, an index, or whatever special menu you want.
Step 3: Using a Custom baseof.html for the Glossary
Here’s a Hugo superpower: you can use a “base template” just for the glossary section (with its own nav, etc.) by making:
layouts/glossary/baseof.htmlExample:
<!DOCTYPE html> <html lang="{{ .Lang }}"> <head> {{ partial "head.html" . }} </head> <body> {{ partial "glossary/nav.html" . }} {{ block "main" . }}{{ end }} {{ partial "footer.html" . }} </body> </html>This ensures every glossary page uses your specific glossary nav and layout!
Step 4: No Need to Duplicate single.html
At first, you might think you need to copy single.html into layouts/glossary/single.html to get the layout working.
But you often don’t!
As long as your glossary content files have the correct front matter, Hugo will use your layouts/glossary/baseof.html.Pro-tip: The main thing Hugo cares about is the “type” or the folder
- If you leave type unset, Hugo uses the section (here, “glossary”) as the type.
- So, all .md files under content/en/glossary with either:
- No type at all
- Or type = “glossary”
will automatically use layouts/glossary/baseof.html.
The Real Key: Check Your .md File Front Matter
If your glossary .md files have
type = "post"Hugo will never use your glossary layouts, even if you made layouts/glossary/baseof.html!
Solution:
For each .md file in your glossary folders:- Remove type (recommended for most)
- Or set type = “glossary”
That’s it! Once you do this, Hugo will apply your section-specific layouts and partials—no need to duplicate single.html or fight with conditionals.
Example Directory Structure
layouts/ glossary/ baseof.html # Glossary exclusive base layout! partials/ nav.html # General nav glossary/ nav.html # Glossary-exclusive nav bar! _default/ baseof.html # Fallback for other sections
Summary
- Just putting Markdown files under content/en/glossary makes Hugo treat them separately—no extra config needed.
- Create layouts/partials/glossary/nav.html and layouts/glossary/baseof.html for custom nav/layout.
- No need to duplicate single.html!
- Always check the front matter:
Ensure glossary items do not have type = “post”. Use no type or type = “glossary”.
Remember:
Controlling Hugo’s template application is about content organization and front matter—not copying template files or writing complex conditionals!
This workflow will keep your Hugo theme simple, DRY, and powerful.
No more struggling with broken layouts or unnecessary template duplication for your custom sections. Happy Hugo theming! 🎉 -
[Art] Art 029
Rodeo: https://rodeo.club/post/7363750345530372096
Follow me:
X: https://x.com/genxnotes
Bluesky: https://bsky.app/profile/genxnotes.com
Pixiv: https://www.pixiv.net/users/90286455Subscribe: If you enjoy my art, please follow me for more updates!
-
[Art] Art 028
Rodeo: https://rodeo.club/post/7363373034729598976
Follow me:
X: https://x.com/genxnotes
Bluesky: https://bsky.app/profile/genxnotes.com
Pixiv: https://www.pixiv.net/users/90286455Subscribe: If you enjoy my art, please follow me for more updates!
-
Smooth
1. Genx Beats & djfunnycat – Smooth – 01 Smooth
2. Genx Beats & djfunnycat – Smooth – 02 Spec
3. Genx Beats & djfunnycat – Smooth – 03 We Do This
4. Genx Beats & djfunnycat – Smooth – 04 Changing
5. Genx Beats & djfunnycat – Smooth – 05 Running
6. Genx Beats & djfunnycat – Smooth – 06 Black
-
Stunning
1. Genx Beats, djfunnycat, Suno – Stunning – 01 Stunning
2. Genx Beats, djfunnycat, Suno – Stunning – 02 My Summer
3. Genx Beats, djfunnycat, Suno – Stunning – 03 I Care
4. Genx Beats, djfunnycat, Suno – Stunning – 04 TunTunTunTun
5. Genx Beats, djfunnycat, Suno – Stunning – 05 Tala
6. Genx Beats, djfunnycat, Suno – Stunning – 06 Late At Night
7. Genx Beats, djfunnycat, Suno – Stunning – 07 I Can
8. Genx Beats, djfunnycat, Suno – Stunning – 08 Morning
9. Genx Beats, djfunnycat, Suno – Stunning – 09 Summer Sweet
-
Special Beats
1. Genx Beats, djfunnycat, Udio – Special Beats – 01 Today’s Special (Midnight Drive)
2. Genx Beats, djfunnycat, Udio – Special Beats – 02 Today’s Special (Golden Hour)
3. Genx Beats, djfunnycat, Udio – Special Beats – 03 Today’s Special (Neon Dreams)
4. Genx Beats, djfunnycat, Udio – Special Beats – 04 Today’s Special (Neon Dreams Northern Lights Mix)
5. Genx Beats, djfunnycat, Udio – Special Beats – 05 Today’s Special (Breeze Break)
6. Genx Beats, djfunnycat, Udio – Special Beats – 06 Today’s Special (Pulse Runner)
7. Genx Beats, djfunnycat, Udio – Special Beats – 07 Today’s Special (Lost in Transit)
8. Genx Beats, djfunnycat, Udio – Special Beats – 08 Today’s Special (Echoes Above)
9. Genx Beats, djfunnycat, Udio – Special Beats – 09 Today’s Special (Crimson Skies)
10. Genx Beats, djfunnycat, Udio – Special Beats – 10 Today’s Special (Afterglow)
11. Genx Beats, djfunnycat, Udio – Special Beats – 11 Today’s Special (Cosmic Bounce)
-
Special Beats Vol. 2
1. Genx Beats, djfunnycat, Suno – Special Beats Vol. 2 – 01 Today’s Special (Sunrise Stroll)
2. Genx Beats, djfunnycat, Suno – Special Beats Vol. 2 – 02 Today’s Special (Daydream Boulevard)
3. Genx Beats, djfunnycat, Suno – Special Beats Vol. 2 – 03 Today’s Special (Blue Skies Break)
4. Genx Beats, djfunnycat, Suno – Special Beats Vol. 2 – 04 Today’s Special (Cloudwalker)
5. Genx Beats, djfunnycat, Suno – Special Beats Vol. 2 – 05 Today’s Special (Solar Groove)
6. Genx Beats, djfunnycat, Suno – Special Beats Vol. 2 – 06 Today’s Special (Afternoon Bounce)
7. Genx Beats, djfunnycat, Suno – Special Beats Vol. 2 – 08 Today’s Special (Bright Transit)
9. Genx Beats, djfunnycat, Udio – Special Beats Vol. 2 – 07 Today’s Special (Sunbeam Ride)
-
My Melody
1. Genx Beats – My Melody – 01 My Melody
2. Genx Beats, djfunnycat, Suno – My Melody – 02 My Melody (Melodic Trap Mix)
3. Genx Beats, djfunnycat, Suno – My Melody – 03 My Melody (Smooth Rap Mix)
4. Genx Beats, djfunnycat, Suno – My Melody – 04 My Melody (Jazzy Mix)
5. Genx Beats, djfunnycat, Suno – My Melody – 05 My Melody (Reggae Mix)
6. Genx Beats, djfunnycat, Suno – My Melody – 06 My Melody (Pluggnb Mix)