文章语法

支持 1-6 级标题，正文中建议从二级标题开始组织章节。

# 一级标题
## 二级标题
### 三级标题

支持粗体、斜体、粗斜体、删除线、行内代码和高亮文本。

**粗体** *斜体* ***粗斜体*** ~~删除线~~ `code` ==高亮==

支持无序、有序、嵌套列表和任务列表。

- [x] 已完成
- [ ] 待完成

1. 第一步
2. 第二步

支持外链、图片、引用块、分隔线、表格和脚注。

[链接](https://example.com)

![图片](https://example.com/a.png)

[^1]: 脚注内容

Markdown 图片后可追加安全尺寸属性，宽度支持 px 或百分比，高度支持 px。

![图片](https://example.com/a.png){width=420}

![图片](https://example.com/b.png){width=60% height=280}

代码块会按语言做语法高亮，暂时使用统一代码主题，后续可扩展多套代码主题。

```typescript
const title = "Zaowu";
```

支持 KaTeX 行内公式和块级公式。

$E = mc^2$

$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$

支持 Mermaid 流程图、时序图等，适合用来解释流程和关系。

```mermaid
graph TD
A[开始] --> B[结束]
```

PlantUML 适合复杂架构图，当前先列入后续图表能力。

```plantuml
@startuml
Alice -> Bob: hello
@enduml
```

静态提示块已经支持，适合把重点提示、风险提醒、延伸阅读做成组件。

```zaowu-callout
{"tone":"note","title":"提示","body":"这里是一段提示内容。"}
```

空白块用于在长文里保留稳定留白，不会被 Markdown 连续空行折叠；默认使用最小留白。

```zaowu-spacer
{"size":"sm"}
```

分栏块用于把 2-3 张图片或短文本并排展示，窄屏会自动折叠成单列。

```zaowu-columns
{"columns":2,"gap":"md","items":[{"type":"image","src":"https://example.com/a.png","alt":"图 A"},{"type":"image","src":"https://example.com/b.png","alt":"图 B"}]}
```

投票组件已预留入口，接入互动状态后可替换为真实投票。

```zaowu-component
{"type":"poll","id":"topic-poll","title":"你想先看哪个主题？","options":["设计","工程","运营"]}
```

问卷、互动动画、数据小组件都可以沿相同组件格式继续扩展。

```zaowu-component
{"type":"interactive","id":"demo-motion","title":"交互动画占位"}
```

Ruby 注音和 GFM 警告块是参考编辑器里值得补上的中文内容增强能力。

[文字]{注音}

> [!NOTE]
> 这是一条说明。

包裹或取消 `**文字**`。

包裹或取消 `*文字*`。

插入 Markdown 链接；剪贴板是 URL 时会自动作为链接地址。

保存或发布当前文章，不触发浏览器保存页面。

给当前行或选中多行添加 / 取消数字列表。

给当前行或选中多行添加 / 取消项目符号。

给当前行或选中多行添加 / 取消引用前缀。

把当前行切换为 1-6 级标题，0 恢复普通段落。

包裹或取消反引号行内代码。

插入 fenced code block，选中文本时会包裹选区。

包裹或取消 `~~文字~~`。