mermaid

astro.config.ts

@@ -4,6 +4,7 @@ import sitemap from "@astrojs/sitemap";
 import { astroImageTools } from "astro-imagetools";
 
 import { remarkReadingTime } from "./plugin/remark-reading-time";
+import remarkMermaid from "astro-diagram/remark-mermaid";
 
 // https://astro.build/config
 export default defineConfig({
@@ -11,6 +12,6 @@ export default defineConfig({
   integrations: [mdx(), sitemap(), astroImageTools],
   markdown: {
     syntaxHighlight: false,
-    remarkPlugins: [remarkReadingTime],
+    remarkPlugins: [remarkReadingTime, remarkMermaid],
   },
 });

package.json

@@ -14,6 +14,7 @@
     "@astrojs/rss": "^3.0.0",
     "@astrojs/sitemap": "^3.0.0",
     "astro": "^3.0.3",
+    "astro-diagram": "^0.7.0",
     "astro-imagetools": "^0.9.0",
     "fork-awesome": "^1.2.0",
     "lodash-es": "^4.17.21",

src/data/links.ts

@@ -6,18 +6,18 @@ export interface Link {
 }
 
 const links: Link[] = [
-  {
-    name: "Forgejo",
-    url: "https://git.mzhang.io",
-    icon: "gitea",
-    description: "Check out my public open source projects on Forgejo",
-  },
   {
     name: "Matrix",
     url: "https://matrix.to/#/@michael:chat.mzhang.io",
     icon: "matrix-org",
     description: "Come chat with me on Matrix",
   },
+  {
+    name: "Git",
+    url: "https://git.mzhang.io",
+    icon: "gitea",
+    description: "Check out my public open source projects on Forgejo",
+  },
   {
     name: "GitHub",
     url: "https://github.com/iptq",