feat: added mermaid support

source: https://navendu.me/posts/adding-diagrams-to-your-hugo-blog-with-mermaid/

layouts/partials/article/components/footer.html

@@ -16,4 +16,9 @@
         </span>
     </section>
     {{- end -}}
+
+    <!-- Add mermaid min js file -->
+    {{ if (.Params.mermaid) }}
+    {{ partial "mermaid.html" }}
+    {{ end }}
 </footer>

layouts/partials/mermaid.html

@@ -0,0 +1,12 @@
+<script
+  type="application/javascript"
+  src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"
+></script>
+<script>
+  var config = {
+    startOnLoad: true,
+    theme:'{{ if site.Params.mermaid.theme }}{{ site.Params.mermaid.theme }}{{ else }}dark{{ end }}',
+    align:'{{ if site.Params.mermaid.align }}{{ site.Params.mermaid.align }}{{ else }}center{{ end }}',
+  };
+  mermaid.initialize(config);
+</script>

layouts/shortcodes/mermaid.html

@@ -0,0 +1 @@
+<div class="mermaid">{{.Inner}}</div>