diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 67f1415..74a095f 100755
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -14,6 +14,11 @@
       <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
     {{ end }}
 
+    {{if (.Params.mermaid)}}
+      <!-- MermaidJS support -->
+      <script async src="https://unpkg.com/mermaid/dist/mermaid.min.js"></script>
+    {{end}}
+
     {{ $stylesheet := .Site.Data.webpack_assets.app }}
     {{ with $stylesheet.css }}
       <link href="{{ relURL (printf "%s%s" "dist/" .) }}" rel="stylesheet">
diff --git a/layouts/shortcodes/mermaid.html b/layouts/shortcodes/mermaid.html
new file mode 100644
index 0000000..9aafee8
--- /dev/null
+++ b/layouts/shortcodes/mermaid.html
@@ -0,0 +1,3 @@
+<div class="mermaid">
+  {{.Inner}}
+</div>
\ No newline at end of file