Hugo Tips & Tricks

🛠️ Advanced Hugo Tips

#

Learn how to get the most out of your Hugo site!

Shortcodes

#

Blowfish comes with powerful shortcodes:

Gallery Shortcode

#

Display multiple images in a beautiful gallery layout.

Mermaid Diagrams

#

graph LR
    A[Content] --> B[Hugo]
    B --> C[HTML]
    C --> D[Cloudflare Pages]

Performance Tips

#

1. Enable Minification - Use hugo --minify for production
2. Optimize Images - Use WebP format when possible
3. Enable Caching - Cloudflare handles this automatically!

File Structure

#

your-site/
├── config/
│   └── _default/
│       ├── hugo.toml
│       ├── params.toml
│       └── languages.en.toml
├── content/
│   └── posts/
├── static/
└── themes/
    └── blowfish/

Useful Commands

#

# Start dev server
hugo server -D

# Build for production
hugo --minify

# Deploy to Cloudflare
wrangler pages deploy public

Happy coding! 💻