StormMap is a minimalist, colorful, and flexible shortcode for Hugo that renders a structured sitemap or archive view of your content. It supports nested sections, icons, and multiple designs.
- Minimal, semantic HTML output
- Multiple visual designs:
minimal,color,nostr,green,red,blue,orange - Nested sections and pages
- Optional branded footer (Storm logo or text)
- Inline icon support via Hugo partials
- Lightweight and theme-agnostic
hugo mod get github.com/rubenstorm/stormmapAdd to your config.toml:
[module]
[[module.imports]]
path = "github.com/rubenstorm/stormmap"or
Add to your config.yaml:
module:
imports:
- path: github.com/rubenstorm/stormmap
Basic usage in content or templates:
{{< stormmap >}}
| Param | Type | Default | Description |
|---|---|---|---|
design |
string | minimal |
Visual style: see available options below |
branding |
string | true |
Show StormMap branding (true or false) |
Colorful layout without branding:
{{< stormmap design="color" branding="false" >}}
Nostr-style layout with icons and branding:
{{< stormmap design="nostr" >}}
| Value | Description |
|---|---|
minimal |
Clean text-based layout with bullets |
color |
Sections and pages styled with colors |
nostr |
Nostr-inspired lightning icon layout |
green |
Green color variant |
red |
Red color variant |
blue |
Blue color variant |
orange |
Orange color variant |
To hide specific pages or sections from StormMap, add this to their front matter:
hideStormMap = truehideStormMap: trueMIT License
Copyright © Ruben Storm
If you enjoy using StormMap, consider donating:
Made with ♥ by Ruben Storm