feat(layout mermaid): mermaid diagrams support

_config.yml

@@ -399,6 +399,11 @@ back_to_top: false
 # 深色模式
 darkmode: false
 
+# Mermaid Diagrams
+mermaid: 
+  enable: false
+  options: 
+
 
 
 # ---------------------------------------------------------------
@@ -498,6 +503,11 @@ vendors:
     css: 
     js: 
 
+  # Mermiad Disgrams
+  # https://mermaid-js.github.io/
+  # Version 8.10.2
+  mermaid: 
+
   # busuanzi counter js
   # https://busuanzi.ibruce.info
   busuanzi: 

layout/_partial/scripts/index.ejs

@@ -10,6 +10,8 @@
 
 <%- partial('_plugins/math/katex/source') %> 
 
+<%- partial('_plugins/mermaid/source') %> 
+
 <%- partial('_plugins/tag-plugins/fold/source') %> 
 
 <% if (page.comments && theme.comments.use) { %>

layout/_plugins/mermaid/source.ejs

@@ -0,0 +1,6 @@
+<% if (theme.mermaid.enable) { %>
+    <script src='<%= url_for(theme.vendors.mermaid || 'https://cdn.jsdelivr.net/npm/mermaid@8.10.2/dist/mermaid.min.js') %>'></script>
+    <script>
+            mermaid.initialize(JSON.stringify('<%= theme.mermaid.options %>'));
+    </script>
+<% } %>