How to Use mermaid.js with ox-hugo

Introduction This blog is managed with the workflow shown below. graph LR org-mode -- <a href="https://ox-hugo.scripter.co/">ox-hugo</a> --> markdown -- <a href="https://gohugo.io/">Hugo</a> --> HTML When you want to include a diagram like the flowchart above, what methods come to mind? Surely, you’re not thinking about making diagrams in PowerPoint or similar tools, exporting them as images, and… calling it a day? That’s a D-tier move ...

June 21, 2025 · 4 min · Kaoru Babasaki