added functionality for mermaid diagrams

Westley-Winks · Jul 20, 2023 · 558d45e · 558d45e
1 parent 5e22776
commit 558d45e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/layouts/_default/_markup/render-codeblock-mermaid.html b/layouts/_default/_markup/render-codeblock-mermaid.html
@@ -0,0 +1,4 @@
+<pre class="mermaid">
+    {{- .Inner | safeHTML }}
+</pre>
+{{ .Page.Store.Set "hasMermaid" true }}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -13,4 +13,11 @@
       <a href="{{ .Permalink }}"><button>{{ .Title }} >></button></a>
     {{ end }}
 
-{{ end }}
+{{ if .Page.Store.Get "hasMermaid" }}
+  <script type="module">
+    import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.esm.min.mjs';
+    mermaid.initialize({ startOnLoad: true });
+  </script>
+{{ end }}
+
+{{ end }}