md2ui 1.0.18 → 1.0.20

package/public/docs/02-Markdown/346/270/262/346/237/223/03-Mermaid/345/233/276/350/241/250.md

@@ -0,0 +1,101 @@
+# Mermaid 图表
+
+验证各类 Mermaid 图表的渲染效果。图表支持点击放大查看。
+
+## 流程图
+
+```mermaid
+graph TD
+    A[开始] --> B{是否有文档?}
+    B -->|是| C[扫描目录]
+    B -->|否| D[提示创建文档]
+    C --> E[生成目录树]
+    E --> F[渲染页面]
+    D --> G[结束]
+    F --> G
+```
+
+## 序列图
+
+```mermaid
+sequenceDiagram
+    participant U as 用户
+    participant C as CLI
+    participant V as Vite Server
+    participant B as 浏览器
+
+    U->>C: md2ui
+    C->>V: 启动开发服务器
+    V->>V: 扫描 .md 文件
+    V-->>C: 服务就绪
+    C->>B: 自动打开浏览器
+    B->>V: 请求文档列表
+    V-->>B: 返回 JSON
+    B->>B: 渲染导航树
+```
+
+## 甘特图
+
+```mermaid
+gantt
+    title 项目开发计划
+    dateFormat  YYYY-MM-DD
+    section 基础功能
+    Markdown 渲染     :done, a1, 2024-01-01, 30d
+    代码高亮          :done, a2, after a1, 14d
+    section 增强功能
+    全文搜索          :done, b1, after a2, 14d
+    编辑器            :active, b2, after b1, 21d
+    section 部署
+    SSG 构建          :c1, after b2, 14d
+    文档完善          :c2, after c1, 7d
+```
+
+## 饼图
+
+```mermaid
+pie title 技术栈占比
+    "Vue 3" : 40
+    "Tiptap" : 20
+    "Mermaid" : 15
+    "highlight.js" : 10
+    "MiniSearch" : 8
+    "其他" : 7
+```
+
+## 类图
+
+```mermaid
+classDiagram
+    class DocManager {
+        +docsList: Array
+        +currentDoc: String
+        +loadDocsList()
+        +loadDoc(key)
+        +saveDoc(path, content)
+    }
+    class MarkdownRenderer {
+        +htmlContent: String
+        +tocItems: Array
+        +renderMarkdown(md)
+    }
+    class SearchEngine {
+        +searchIndex: MiniSearch
+        +buildIndex(docs)
+        +doSearch(query)
+    }
+    DocManager --> MarkdownRenderer
+    DocManager --> SearchEngine
+```
+
+## 状态图
+
+```mermaid
+stateDiagram-v2
+    [*] --> 查看模式
+    查看模式 --> 编辑模式: 点击编辑按钮
+    编辑模式 --> 查看模式: 点击查看按钮
+    编辑模式 --> 自动保存: 内容变更(1秒防抖)
+    自动保存 --> 编辑模式: 保存完成
+    查看模式 --> [*]
+```

package/public/docs/02-Markdown/346/270/262/346/237/223/04-Frontmatter.md

@@ -0,0 +1,32 @@
+---
+title: Frontmatter 功能测试
+description: 验证 YAML frontmatter 解析和阅读时间计算
+
+---
+
+# Frontmatter 功能测试
+
+本文档使用了 Frontmatter 元数据，页面标题应显示为 "Frontmatter 功能测试"。
+
+## 支持的字段
+
+| 字段 | 类型 | 说明 |
+| --- | --- | --- |
+| title | string | 文档标题，覆盖第一个 h1 |
+| description | string | 文档描述，显示在元信息区域 |
+| order | number | 排序权重 |
+| hidden | boolean | 是否在导航中隐藏 |
+
+## 阅读时间
+
+文档顶部应显示字数统计和预计阅读时间：
+
+- 中文按 400 字/分钟计算
+- 英文按 200 词/分钟计算
+- 自动去除 frontmatter、代码块、HTML 标签后统计
+
+## 验证要点
+
+1. 页面标题应为 frontmatter 中的 `title` 值
+2. 元信息区域应显示 `description` 内容
+3. 应显示字数和预计阅读时间

package/public/docs/02-Markdown/346/270/262/346/237/223/05-/346/225/260/345/255/246/345/205/254/345/274/217.md

@@ -0,0 +1,47 @@
+# 数学公式
+
+md2ui 内置 KaTeX 支持，可以在 Markdown 中直接书写数学公式。
+
+## 行内公式
+
+使用单个 `$` 包裹行内公式：
+
+- 质能方程：$E = mc^2$
+- 二次公式：$x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$
+- 欧拉公式：$e^{i\pi} + 1 = 0$
+- 求和符号：$\sum_{i=1}^{n} i = \frac{n(n+1)}{2}$
+
+## 块级公式
+
+使用双 `$$` 包裹块级公式：
+
+$$
+\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
+$$
+
+$$
+\frac{\partial f}{\partial x} = \lim_{h \to 0} \frac{f(x+h) - f(x)}{h}
+$$
+
+## 矩阵
+
+$$
+A = \begin{pmatrix}
+a_{11} & a_{12} & a_{13} \\
+a_{21} & a_{22} & a_{23} \\
+a_{31} & a_{32} & a_{33}
+\end{pmatrix}
+$$
+
+## 语法说明
+
+| 语法 | 说明 | 示例 |
+| --- | --- | --- |
+| `$...$` | 行内公式 | `$E=mc^2$` |
+| `$$...$$` | 块级公式（居中显示） | `$$\sum_{i=1}^n i$$` |
+| `\frac{a}{b}` | 分数 |  |
+| `\sqrt{x}` | 平方根 |  |
+| `\int` | 积分 |  |
+| `\sum` | 求和 |  |
+
+更多 KaTeX 语法请参考 [KaTeX 官方文档](https://katex.org/docs/supported.html)。