Posts

This is my first post, how exciting! Much more will come soon..!

This post is a page bundle. The bigimg entry forest.jpg is resolved as a page resource, so the image can live in the same directory as index.md.

Images in a bundle are also processed by Hugo. The thumbnail above is cropped to a square for the post list, the header image is capped at bigimgWidth, and the figure and gallery below get resized variants with a srcset:

Beautiful Hugo has upgraded to Bootstrap v5, with a modernized feature set with dark mode support, AI summary limit controls, upgraded dependencies, and several new shortcodes.

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.