ba9a5caa16685cc477fa2b8b9039c466ea4a8306
* Add support for Mermaid diagrams in markdown content
This commit introduces native Mermaid diagram rendering to the theme.
Following Hugo’s official documentation, a new custom code block renderer
(`render-codeblock-mermaid.html`) was added under `layouts/_default/` to
detect Mermaid code blocks and inject the necessary script flag into the
page context.
Additionally, the `baseof.html` template now conditionally includes the
Mermaid JS module from the CDN when a page contains a Mermaid diagram:
{{ if .Store.Get "hasMermaid" }}
<script type="module">
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.esm.min.mjs';
mermaid.initialize({ startOnLoad: true, theme: 'neutral' });
</script>
{{ end }}
This enables rendering of fenced code blocks using the `mermaid` language
in markdown files without requiring any external preprocessing.
* Create article/components/mermaid and fix script version
---------
Co-authored-by: Jimmy <jimmy@cai.im>
Hugo Theme Stack
Card-style Hugo theme designed for bloggers.
Quickstart
Use this template: CaiJimmy/hugo-theme-stack-starter
Demo
- Starter template demo: demo.stack.jimmycai.com
- Dev build: dev.stack.jimmycai.com
Documentation
Visit stack.jimmycai.com
Copyright
Licensed under the GNU General Public License v3.0
Please do not remove the "Theme Stack designed by Jimmy" text and link.
If you want to port this theme to another blogging platform, please let me know🙏.
Languages
HTML
39.5%
SCSS
34%
TypeScript
25.4%
Shell
1.1%
