https://www.hairizuan.com/categories/mermaid/ Recent content in Mermaid on Experiment, Fail, Learn, Repeat Hugo -- gohugo.io en Copyright © 2026 Hairizuan Noorazman Thu, 30 Aug 2018 01:08:57 +0800 https://www.hairizuan.com/rendering-diagrams-in-hugo/ Thu, 02 Aug 2018 00:00:00 +0000 https://www.hairizuan.com/rendering-diagrams-in-hugo/ <p>There is an interesting Javascript project that allows one to use just plain old text and convert those said text into diagrams.</p> <link rel="stylesheet" type="text/css" href="https://www.hairizuan.com/mermaid/mermaid.css" /> <script src="https://www.hairizuan.com/mermaid/mermaid.js"></script> <script> mermaid.initialize({ startOnLoad: true }); </script> <div class="mermaid" align="center"> graph TD Start --> Stop </div> <p>Text to that converts to the above diagram:</p>