Diagramme, Schach, Formeln

Alle drei sind optionale Integrations-Einstellungen — es wird nichts an den Client ausgeliefert, solange eine Seite es nicht tatsächlich nutzt.

Mermaid-Diagramme

blogTheme({ mermaid: true })

Ein ```mermaid-Codeblock wird zu einem Diagramm, client-seitig gerendert. Mit mermaid: "prerender" werden Diagramme stattdessen zur Build-Zeit als statisches SVG gerendert (braucht Chromium — browser-actions/setup-chrome in der CI); Seiten fallen bei fehlgeschlagenem Prerendering auf client-seitiges Rendering zurück.

Schachstellungen (FEN)

blogTheme({ chess: true, chessEngine: true })

Ein ```fen-Codeblock mit einer FEN-Zeichenkette wird zur Build-Zeit zu einem SVG-Schachbrett gerendert — keine Client-Bibliothek, kein JavaScript, nur für das Diagramm. chessEngine: true liefert zusätzlich Stockfish (WASM) für interaktive Bretter, die man pro Brett explizit aktiviert.

Formeln (KaTeX)

blogTheme({ math: true })

Übliches $inline$- und $$block$$-LaTeX, gerendert mit KaTeX.

Info-Boxen

GitHub-artige Callouts funktionieren ohne Option von Haus aus — ein Blockquote, der mit [!TYP] beginnt, wird zu einem gestylten <aside>:

> [!NOTE]
> Etwas Erwähnenswertes.

Unterstützte Typen: note, tip, important, warning, caution.