diff --git a/docs/_config.yml b/docs/_config.yml
index 5197212..41e14e7 100644
--- a/docs/_config.yml
+++ b/docs/_config.yml
@@ -1 +1,2 @@
 theme: jekyll-theme-leap-day
+markdown: kramdown
diff --git a/docs/_includes/head-custom.html b/docs/_includes/head-custom.html
new file mode 100644
index 0000000..b6fdac7
--- /dev/null
+++ b/docs/_includes/head-custom.html
@@ -0,0 +1,17 @@
+<script type="module">
+  import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';
+  mermaid.initialize({ startOnLoad: false });
+  document.addEventListener("DOMContentLoaded", async function() {
+    const elements = document.querySelectorAll('.language-mermaid');
+    elements.forEach(el => {
+      const codeBlock = el.querySelector('code');
+      if (codeBlock) {
+        el.textContent = codeBlock.textContent;
+        el.classList.add('mermaid');
+      }
+    });
+    await mermaid.run({
+      querySelector: '.mermaid'
+    });
+  });
+</script>