Mermaid rendering in post.html changes.

Author: localhost433

post.html

@@ -55,9 +55,9 @@ <h3>Add a Comment</h3>
   <script src="js/mathjax.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js" async></script>
   <script type="module" src="js/header-footer.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/js-yaml@4.1.0/dist/js-yaml.min.js"></script>
-  <script src="posts/js/post.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
+  <script src="js/post.js"></script>
   <script src="posts/js/comments.js"></script>
 </body>
 

posts/js/post.js

@@ -104,22 +104,31 @@ fetch(`./posts/entries/${slug}.md`)
         if (window.mermaid) {
           try {
             mermaid.initialize({ startOnLoad: false });
-            mermaid.init(undefined, bodyDiv);
+            const mermaidBlocks = bodyDiv.querySelectorAll('.mermaid');
+            if (mermaidBlocks.length > 0) {
+              mermaid.init(undefined, mermaidBlocks);
+            }
           } catch (e) {
             console.warn("Mermaid failed to render:", e);
           }
         }
       }).catch((e) => {
-        console.warn("MathJax vs Mermaid timing issue:", e);
+        console.warn("MathJax error, attempting Mermaid anyway:", e);
         if (window.mermaid) {
           mermaid.initialize({ startOnLoad: false });
-          mermaid.init(undefined, bodyDiv);
+          const mermaidBlocks = bodyDiv.querySelectorAll('.mermaid');
+          if (mermaidBlocks.length > 0) {
+            mermaid.init(undefined, mermaidBlocks);
+          }
         }
       });
     } else {
       if (window.mermaid) {
         mermaid.initialize({ startOnLoad: false });
-        mermaid.init(undefined, bodyDiv);
+        const mermaidBlocks = bodyDiv.querySelectorAll('.mermaid');
+        if (mermaidBlocks.length > 0) {
+          mermaid.init(undefined, mermaidBlocks);
+        }
       }
     }
   })