Markdown Style Guide & Test

1. 标题 (H1) - 页面主标题

2. 标题 (H2) - 章节标题

3. 标题 (H3) - 子章节标题

4. 标题 (H4) - 侧边栏层级

5. 标题 (H5) - 深度测试

6. 标题 (H6) - 最小字号

---

7. 基础文本格式 (Typography)

• 加粗 (Bold): **文本** -> 粗体文本
• 斜体 (Italic): *文本* -> 斜体文本
• 粗斜体 (Bold Italic): ***文本*** -> 加粗并斜体
• 删除线 (Strikethrough): ~~文本~~ -> 已废弃内容
• 下划线 (Underline): <u>文本</u> -> 通过 HTML 标签实现
• 高亮 (Highlight): ==文本== -> ==有些引擎支持的高亮==
• 行内代码 (Inline Code): code -> const x = 42

---

8. 高级组件样式 (Advanced Components)

8.1 警告提示框 (Admonitions/Alerts)

8.2 任务列表 (Task List)

• 已完成的测试项
• 未完成的样式
• 需要手动勾选的复选框

8.3 脚注与缩写 (Footnotes)

这是一个带有脚注的句子^1。指向文章底部。

---

9. 复杂图表测试 (Charts)

9.1 Mermaid 流程图 (Flowchart)

graph TD
    A[开始测试] --> B{渲染正常?}
    B -- 是 --> C[查看 CSS 样式]
    B -- 否 --> D[调试渲染引擎]
    C --> E((完成))

9.2 Mermaid 时序图 (Sequence Diagram)

sequenceDiagram
    User->>Browser: 发送 Markdown
    Browser->>Renderer: 解析语法树
    Renderer-->>Browser: 返回 HTML
    Browser-->>User: 展示美化后的页面

---

10. 代码高亮与数学公式 (Logic & Math)

代码块测试 (Code Blocks)

interface User {
  id: number;
  name: string;
  isAdmin: boolean;
}

function getUser(id: number): User {
  return { id, name: "Gemini", isAdmin: true };
}

数学公式测试 (LaTeX)

行内公式: $E=mc^2$

块级公式:

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

---

11. 媒体与结构化数据 (Media & Data)

表格测试 (Table)

特性	支持程度	渲染引擎	备注
基础语法	100%	CommonMark	必须支持
GFM 扩展	90%	GitHub	包含表格、任务列表
LaTeX	70%	KaTeX/MathJax	视插件而定

链接与图片 (Assets)

• 普通链接: 点击访问 GitHub
• 带标题的链接: Google
• 图片:

---

12. HTML 注入测试 (HTML Tags)

• 详细/折叠 (Details/Summary):

点击展开查看隐藏内容

如果你能看到这段话，说明支持 HTML `details` 标签渲染。

• 居中测试:

---