MathJax per-page override
Demonstrates overriding the site-level math engine to use MathJax on a single post.
[Read More]
A Beautiful Hugo Theme
Beautiful Hugo is a feature-rich Hugo theme with dark mode, math support, image galleries, code highlighting, and more.
Layout & Theming
- Dark/light/auto color scheme
- Bootstrap 5 responsive design
- Full-width page option
- Big image headers
- Slide-out TOC panel
Shortcodes
details— collapsible sectionstabs/tab— tabbed contentcolumns— two-column layoutgallery/beautifulfigure— imagesmermaid— diagramscallout— Bootstrap alert boxesinclude-code— external source filesno-ai-summary— exclude from AI summaries
Content Features
- KaTeX & MathJax math rendering
- Mermaid diagrams
- PhotoSwipe image lightbox
- Select Chroma or Highlight.js syntax highlighting
- Recipe content type (schema.org Recipe + recipe card)
- Robot meta tags & AI summary limits
- “View source” button
Integrations
- 5 comment systems (Disqus, Giscus, Utterances, Cusdis, Staticman)
- 42 social icon links
- GitHub buttons
- SEO (schema.org, Open Graph, Twitter Cards)
- 20 languages
Browse the Features menu above for detailed documentation with live examples!
Classic Chocolate Chip Cookies
Chewy, golden, and loaded with chocolate chips
A timeless favorite — these chocolate chip cookies come out perfectly chewy every time. The secret is in the ratio of brown to white sugar and letting the dough rest if you have the patience.
[Read More]Beautiful Hugo Bootstrap 5 upgrade!
Dark mode toggle, PhotoSwipe 5, AI summary limits, new shortcodes, and more
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.
[Read More]Welcome to Beautiful Hugo
An overview of the theme's features
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]Manage robot meta tags an limit AI Overview from using page contents
Purpose
This feature provides two main improvements.
- Allows the management of
<meta name="robots"....>tags using front matter. - Allows the management of the meta tags related to SEO AI Summary creation.
Considerations when enabling this feature for AI Summary control
Enabling this features may impact how your site or pages are indexed. This will depend on how the various search engines react to having the AI Overview denied access to page content. I would suggest you read some of the references at the end of this post.
[Read More]Posts