Features

No JavaScript

letsblaze ships zero client-side JavaScript. All interactive behaviour uses native HTML elements (<details>, <summary>) or CSS (prefers-color-scheme, aria-current).

No external resources

No external stylesheets, no web fonts, no CDN calls. All styles are inline. Every page is self-contained.

Dark mode

Dark mode is automatic — it follows the system prefers-color-scheme preference. No toggle, no JavaScript, no cookie. It just works.

Syntax highlighting

Code blocks are highlighted at build time using Hugo’s Chroma highlighter with inline styles. The default style is monochrome. See Configuration for how to change it.

RSS

Hugo generates RSS feeds automatically:

/index.xml — full site feed
/blog/index.xml — blog feed
/tags/TAG/index.xml — per-tag feed

The feed link is autodiscoverable in <head> and linked in the footer.

Sitemap

A sitemap is generated automatically at /sitemap.xml. With enableGitInfo = true, lastmod is populated from git commit dates.

Accessibility

Skip link for keyboard navigation
aria-label on all <nav> elements
aria-current="page" on active navigation links
Breadcrumb navigation (<nav aria-label="Breadcrumb">) on docs pages and blog posts
<dl>/<dt>/<dd> for blog post metadata (date, tags, author)
aria-label on prev/next links with post or page title context
Semantic HTML throughout — <article>, <time>, <figure>, <nav>

SEO

<meta name="description"> — falls back through page description → summary → site description
Canonical URL on every page
Open Graph tags (og:title, og:description, og:type, og:url, og:site_name)
article:published_time and article:modified_time on blog posts
Schema.org microdata on blog posts (itemscope/itemtype attributes, no <script> required)
noindex on 404

Images

The imageMode param controls how Markdown images are rendered. Three modes are supported: embed (default), link-same-tab, and link-new-tab. Set it site-wide in hugo.toml or per-page in front matter. In embed mode, the first image on a page uses loading="eager" fetchpriority="high" for LCP; subsequent images use loading="lazy". See Working with Images for full details.

Shortcodes

Shortcode	Output	Example
`{{< sub >}}text{{< /sub >}}`	Subscript	H₂ O
`{{< sup >}}text{{< /sup >}}`	Superscript	x²
`{{< mark >}}text{{< /mark >}}`	Highlighted text	important
`{{< abbr title="..." >}}text{{< /abbr >}}`	Abbreviation	HTML