二甲基

1
```mermaid
2
flowchart TD
3
    A[用户请求] --> B{路由匹配}
4
    B -->|命中静态文件| C[返回预渲染 HTML]
5
    B -->|动态路由| D[Swup 客户端平滑切页]
6
    C --> E[结束]
7
    D --> E
8
```

1
```mermaid
2
sequenceDiagram
3
    autonumber
4
    actor User as 访客
5
    participant Browser as 浏览器
6
    participant Server as 边缘服务器
7

8
    User->>Browser: 点击文章链接
9
    Browser->>Server: 发起页面资源请求
10
    Server-->>Browser: 返回纯静态 HTML 与资源包
11
    Browser-->>User: 渲染文章与动态配色
12
```

1
```mermaid
2
stateDiagram-v2
3
    [*] --> 默认浅色
4
    默认浅色 --> 暗色模式: 切换主题
5
    暗色模式 --> 默认浅色: 切换主题
6
    暗色模式 --> [*]
7
```

1
```mermaid
2
gantt
3
    title 内容上线节奏
4
    dateFormat  YYYY-MM-DD
5
    section 写作
6
    初稿            :a1, 2026-10-01, 3d
7
    配图与排版       :a2, after a1, 2d
8
    section 发布
9
    本地预览校对      :b1, after a2, 1d
10
    推送并构建        :b2, after b1, 1d
11
```