feat: add mermaid for markdown (#986)

Author: Chasen-Zhang

docusaurus.config.ts

@@ -209,13 +209,20 @@ const config: Config = {
       },
     ],
   ],
+  themes: ['@docusaurus/theme-mermaid'],
+  markdown: {
+    mermaid: true,
+  },
   themeConfig: {
     // Replace with your project's social card
     image: "img/logo/logo-no-text.png",
     algolia,
     imageZoom: {
       selector: "article :not(a) > img",
     },
+    mermaid: {
+      theme: { dark: 'dark' }
+    },
     announcementBar: {
       id: "announcementBar-2", // Increment on change
       content: `⭐️ If you like Databend, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/datafuselabs/databend">GitHub</a> and follow us on <a target="_blank" rel="noopener noreferrer" href="https://twitter.com/DatabendLabs" >Twitter</a> ${TwitterSvg}`,

package.json

@@ -26,6 +26,7 @@
     "@ant-design/icons": "^5.3.7",
     "@docusaurus/core": "3.4.0",
     "@docusaurus/preset-classic": "3.4.0",
+    "@docusaurus/theme-mermaid": "^3.4.0",
     "@mdx-js/react": "^3.0.0",
     "ahooks": "^3.8.0",
     "antd": "^5.19.2",