perf: support mermaid.js

XPoet · Oct 9, 2023 · 74e4aec · 74e4aec
1 parent ca88520
commit 74e4aec
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 0 deletions.
diff --git a/layout/_partial/common/mermaid.ejs b/layout/_partial/common/mermaid.ejs
@@ -0,0 +1,27 @@
+<%
+const mermaidVersion = config?.mermaid?.version || '10.5.0'
+let mermaidJs = `//cdn.jsdelivr.net/npm/mermaid@${mermaidVersion}/dist/mermaid.min.js`
+
+const { enable: t_cdn_enable, provider: t_cdn_provider } = theme?.cdn || {}
+const { enable: pjax_enable } = theme?.pjax || {}
+
+switch (t_cdn_enable === true && t_cdn_provider) {
+    case 'jsdelivr':
+        mermaidJs = `//cdn.jsdelivr.net/npm/mermaid@${mermaidVersion}/dist/mermaid.min.js`
+        break
+
+    case 'unpkg':
+        mermaidJs = `//unpkg.com/mermaid@${mermaidVersion}/dist/mermaid.min.js`
+        break
+}
+%>
+<script src="<%= mermaidJs %>"></script>
+<% if (pjax_enable === true) { %>
+    <script data-pjax>
+      if (window.mermaid) {
+        mermaid.init()
+      }
+    </script>
+<% } %>
+
+
diff --git a/layout/_partial/scripts.ejs b/layout/_partial/scripts.ejs
@@ -55,6 +55,11 @@
     <% } %>
 </div>
 
+<!-- mermaid -->
+<% if (config?.mermaid?.enable === true) { %>
+    <%- partial('common/mermaid') %>
+<% } %>
+
 <!-- pjax -->
 <% if (theme?.pjax?.enable === true) { %>
     <%- partial('pjax/pjax') %>

diff --git a/source/css/common/markdown.styl b/source/css/common/markdown.styl
@@ -317,5 +317,11 @@
       background-color var(--background-color-2)
     }
   }
+
+
+  .mermaid {
+    background #f5f5f5 !important
+    border-radius 0.3rem
+  }
 }