Merge pull request #26 from simon-siggaard/main

add support for Mermaid diagrams
tomfran · Sep 21, 2024 · 548d67b · 548d67b
2 parents 598717d + 7a7c68d
commit 548d67b
Show file tree

Hide file tree

Showing 2 changed files with 13 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
@@ -70,6 +70,14 @@ <h1 class="single-title">{{ .Title }}</h1>
     {{ end }}
   </div>
 
+  {{ 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 });
+  </script>
+  {{ end }}
+
+
   {{/* Next prev controls */}}
 
   {{ if not (.Param "hidePagination") }}
@@ -88,4 +96,4 @@ <h1 class="single-title">{{ .Title }}</h1>
 
 </div>
 
-{{ end }}
+{{ end }}