diff --git a/src/components/Markdown.tsx b/src/components/Markdown.tsx
index 7b10802908..c35b41fab7 100644
--- a/src/components/Markdown.tsx
+++ b/src/components/Markdown.tsx
@@ -162,6 +162,13 @@ const insertKatexCSS = once(() => {
   document.head.appendChild(link)
 })
 
+const insertMermaidJS = once(() => {
+  const script = document.createElement("script")
+  script.src =
+    "https://registry.npmmirror.com/mermaid/11/files/dist/mermaid.min.js"
+  document.body.appendChild(script)
+})
+
 export function Markdown(props: {
   children?: string | ArrayBuffer
   class?: string
@@ -213,9 +220,14 @@ export function Markdown(props: {
     on(md, () => {
       setShow(false)
       insertKatexCSS()
+      insertMermaidJS()
       setTimeout(() => {
         setShow(true)
         hljs.highlightAll()
+        window.mermaid &&
+          window.mermaid.run({
+            querySelector: ".language-mermaid",
+          })
         window.onMDRender && window.onMDRender()
       })
     }),