fix mermaid diagram rendering

closes #69

2 files changed, 3 insertions, 2 deletions

diff --git a/layouts/_default/_markup/render-codeblock-mermaid.html b/layouts/_default/_markup/render-codeblock-mermaid.html
index bb7bf42..dcd9c98 100644
--- a/layouts/_default/_markup/render-codeblock-mermaid.html
+++ b/layouts/_default/_markup/render-codeblock-mermaid.html
@@ -1,4 +1,4 @@
 <pre class="mermaid">
-  {{- .Inner | safeHTML }}
+  {{- .Inner | htmlEscape | safeHTML }}
 </pre>
-{{ .Page.Store.Set "hasMermaid" true }}
\ No newline at end of file
+{{ .Page.Store.Set "hasMermaid" true }}
diff --git a/static/js/copy-code.js b/static/js/copy-code.js
index 67fd936..2de3cda 100644
--- a/static/js/copy-code.js
+++ b/static/js/copy-code.js
@@ -2,6 +2,7 @@ document.addEventListener("DOMContentLoaded", function () {
   const codeBlocks = document.querySelectorAll("pre");
 
   codeBlocks.forEach((codeBlock) => {
+    if (codeBlock.className == "mermaid") return;
     const copyButton = document.createElement("button");
     copyButton.className = "copy-code-button";
     copyButton.textContent = "copy";