This demo site shows every feature of the tbsch theme: shortcodes, admonitions, galleries, diagrams, feeds, search, IndieWeb and more.
Fresh from the workshop: each post introduces one part of the theme.
An overview of the tbsch theme: what it can do, how this demo is structured and where to start.
Every front-matter parameter the theme reads, with its exact effect - display toggles, values, the discovery block and the feature image.
Chart.js charts, KaTeX formulas and Mermaid diagrams in detail - chart and diagram types, math typesetting and the self-hosted, on-demand loading.
The image render hook (WebP, responsive, zoomable), image sizes, captions and the gallery shortcodes.
Accordion, buttons, card, carousel, gallery, GitHub, icons, KaTeX, lead, Mermaid, chart, specs and tabs - the theme's shortcodes.
All coloured callout boxes in GitHub alert style: note, tip, warning, danger and more - collapsible too.
tbsch is a lean, modern Hugo theme: sans-serif, with the Solarflare gradient, background heroes, automatic dark mode and a clean, token-based design system. This site is demo and documentation at the same time - each post introduces one functional area.
To get started, take a look at Welcome or jump straight to the shortcodes.