Welcome to the Beautiful Hugo example site. This theme provides everything you need to build a clean, responsive website with Hugo.
Feature Highlights
- Dark mode with auto/light/dark switching and system preference detection
- Bootstrap 5 responsive layout with a collapsible navbar
- KaTeX math rendering (inline and display)
- Mermaid diagrams (flowcharts, sequence diagrams, Gantt charts)
- PhotoSwipe 5 lightbox for images and galleries
- Syntax highlighting via Hugo Chroma or client-side Highlight.js
- Shortcodes: details, columns, tabs, galleries, figures, mermaid
- 5 comment systems: Disqus, Giscus, Utterances, Cusdis, Staticman
- 42 social icons in the footer
- SEO: schema.org JSON-LD, Open Graph, Twitter Cards
- 19 languages with full i18n support
- Self-hosted option for all assets (no CDNs required)
Explore the Features
Use the Features dropdown in the navigation bar to browse detailed documentation for each feature, with live examples and configuration snippets.
[Read More]