diff --git a/layouts/_default/_markup/render-codeblock-mermaid.html b/layouts/_default/_markup/render-codeblock-mermaid.html
new file mode 100644
index 0000000..c34170e
--- /dev/null
+++ b/layouts/_default/_markup/render-codeblock-mermaid.html
@@ -0,0 +1,4 @@
+<pre class="mermaid">
+    {{- .Inner | safeHTML }}
+  </pre>
+  {{ .Page.Store.Set "hasMermaid" true }}
\ No newline at end of file
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index b749725..16ae178 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -35,6 +35,13 @@
   </div>
   {{- end }}
 
+  {{ if .Page.Store.Get "hasMermaid" }}
+  <script type="module">
+    import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.esm.min.mjs';
+    mermaid.initialize({ startOnLoad: true });
+  </script>
+  {{ end }}
+
   <footer class="post-footer">
     {{- $tags := .Language.Params.Taxonomies.tag | default "tags" }}
     <ul class="post-tags">
diff --git a/layouts/partials/css.html b/layouts/partials/css.html
index c3dd582..ccb72ee 100644
--- a/layouts/partials/css.html
+++ b/layouts/partials/css.html
@@ -1,4 +1,4 @@
-<!-- 暂时不用宋体了 
+
 <style>
     :root {
       --sys-font-family: "Noto Serif SC";
@@ -21,5 +21,3 @@
       document.head.appendChild(customFont);
     })();
   </script>
--->
-  
\ No newline at end of file