Mermaid 图表

```mermaid title="发布流程"
flowchart LR
  Markdown --> Astro
  Astro --> SVG
```

```mermaid title="内容发布决策"
flowchart TD
  Draft[撰写草稿] --> Review{通过审核？}
  Review -->|是| Publish[发布页面]
  Review -->|否| Draft
```

```mermaid title="文章生命周期"
stateDiagram-v2
  [*] --> Draft
  Draft --> Review: 提交
  Review --> Published: 通过
  Review --> Draft: 请求修改
  Published --> [*]
```

```mermaid title="带缓存的 metadata 请求"
sequenceDiagram
  participant Page as 页面
  participant Cache as 缓存
  participant Provider
  Page->>Cache: 解析 URL
  alt 已缓存
    Cache-->>Page: 返回 metadata
  else 未缓存
    Cache->>Provider: 获取 metadata
    Provider-->>Cache: 返回响应
    Cache-->>Page: 返回 metadata
  end
```

```mermaid title="Markdown 渲染类"
classDiagram
  class MarkdownPage {
    +String title
    +String body
    +render() String
  }
  class Diagram {
    +String source
    +toSVG() String
  }
  MarkdownPage *-- Diagram
```

```mermaid title="文档内容模型"
erDiagram
  SITE ||--o{ PAGE : contains
  PAGE ||--o{ DIAGRAM : renders
  PAGE {
    string slug
    string title
  }
  DIAGRAM {
    string type
    string source
  }
```

```mermaid title="每月文档访问量"
xychart-beta
  title "文档访问量"
  x-axis [一月, 二月, 三月, 四月, 五月, 六月]
  y-axis "访问量（千）" 0 --> 50
  bar [18, 24, 29, 31, 38, 46]
  line [16, 22, 27, 34, 40, 44]
```