https://wesleyhitson.com/tags/blog/Recent content in Blog on Wesley's BlogHugoen-usSun, 20 Sep 2026 21:31:34 -0400https://wesleyhitson.com/posts/diagrams-in-markdown/diagrams-in-markdown/Sun, 20 Sep 2026 21:31:34 -0400https://wesleyhitson.com/posts/diagrams-in-markdown/diagrams-in-markdown/<p>Today I learned about <a href="https://mermaid.ai/open-source/?utm_medium=hero&amp;utm_campaign=variant_a&amp;utm_source=mermaid_js">Mermaid</a>, which lets you make diagrams in Markdown! You just make a code block with the type <code>mermaid</code> and then there are several different types of charts you can make. Super useful for throwing a quick chart together. However, in order for this to work on my site (which doesn&rsquo;t natively support it unlike the VS Code Markdown preview), I need to create a Markdown Render Hook. That means creating <code>layouts/_default/_markup/render-codeblock-mermaid.html</code> (create that dir since it doesn&rsquo;t exist yet, and the file name is very specific). This loads Mermaid.js from the jsdelivr CDN and makes sure it only loads once. I also need to check the blog theme to match light/dark mode.</p>