Table of contents Mermaid diagrams There’s a shortcode for embedding Mermaid diagrams.
Note: Enabling Mermaid diagrams will add external dependencies.
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs'; const lsTheme = localStorage.getItem("theme") const hugoTheme = document.body.classList.contains("dark-theme") ? "dark" : null const currTheme = lsTheme ? lsTheme : hugoTheme; const mermaidTheme = currTheme == "light" ? "default" : "dark" mermaid.initialize({theme: mermaidTheme}); sequenceDiagram participant Alice participant Bob Alice-John: Hello John, how are you? loop Healthcheck John-John: Fight against hypochondria end Note right of John: Rational thoughts prevail!
Table of contents Tabs Some content is just better viewed in tabs. There’s a shortcode for that.
First Tab Second Tab This is markdown content.
This is a code block.