diff --git a/content/docs/1.简单文档/3.writing/5.test.md b/content/docs/1.简单文档/3.writing/5.test.md
index c30743c..50d5be5 100644
--- a/content/docs/1.简单文档/3.writing/5.test.md
+++ b/content/docs/1.简单文档/3.writing/5.test.md
@@ -140,8 +140,9 @@ d_{x + 1, y + 1} &\leftarrow d_{x + 1, y + 1} + 1
 $$
 
 
-### 以下是使用mate字段包裹
-```math
+### 以下是使用mate字段包裹   
+
+```math[mate.md]
 \begin{aligned}
 d_{i, j} &\leftarrow d_{i, j} + 1 \\
 d_{i, y + 1} &\leftarrow d_{i, y + 1} - 1 \\
@@ -170,6 +171,21 @@ d_{x + 1, y + 1} &\leftarrow d_{x + 1, y + 1} + 1
 
 Mermaid 是强大的可视化工具，可以在 Markdown 中创建流程图、时序图等。
 
+
+
+```mermaid
+---
+config:
+  layout: dagre
+  look: classic
+---
+
+flowchart LR
+A[Start] --> B{Choose Path}
+B -->|Option 1| C[Path 1]
+B -->|Option 2| D[Path 2]
+```
+
 ```mermaid
 graph TD
   A[Local Coolify 实例] --> B[生产服务器]
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 81bedaf..3892c19 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -36,10 +36,8 @@ export default defineNuxtConfig({
           }
         },
         remarkPlugins: {
-          // Override remark-emoji options
           'remark-mermaidjs': {
           },
-
           'remark-gfm': {},
           'remark-math': {}
         },
diff --git a/package.json b/package.json
index 490ff4e..d0c91ce 100644
--- a/package.json
+++ b/package.json
@@ -45,7 +45,8 @@
     "playwright": "^1.54.2",
     "rehype-mathjax": "^7.1.0",
     "remark-math": "^6.0.0",
-    "remark-mermaidjs": "^7.0.0"
+    "remark-mermaidjs": "^7.0.0",
+    "remark-rehype": "^11.1.2"
   },
   "devDependencies": {
     "@iconify-json/lucide": "^1.2.57",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bab6115..59809e1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -53,6 +53,9 @@ importers:
       remark-mermaidjs:
         specifier: ^7.0.0
         version: 7.0.0(playwright@1.54.2)
+      remark-rehype:
+        specifier: ^11.1.2
+        version: 11.1.2
     devDependencies:
       '@iconify-json/lucide':
         specifier: ^1.2.57