Markdown 文档测试

Markdown 文档排版效果测试 A typography test for markdown document.
  • Steven Liu
    • 文章
    • 杂项

1. 一级标题

1.1 二级标题

1.1.1 三级标题

2. 行内文本样式

这是一个段落。滚滚长江东逝水，浪花淘尽英雄。是非成败转头空，青山依旧在，几度夕阳红。白发渔樵江渚上，惯看秋月春风。一壶浊酒喜相逢，古今多少事，都付笑谈中。

  • 加粗 Bold
  • 斜体 Italic
  • 粗斜体 Bold Italic
  • 删除线 Strikethrough
  • 下划线 Underline
  • 行内代码 Inline Code
  • 超链接 Hyperlink
  • 行内公式 Inline Formula E=mc2E = mc^2
  • 文本高亮 Text Highlight
  • 下标 Subscript H~2~O
  • 上标 Superscript x^2^
  • 行内引用 Inline Quote

3. 引用与嵌套

这是一个块引用。

由于要测试背景引号的效果，所以在这里水字数多弄几行。是非成败转头空，青山依旧在，惯看秋月春风。一壶浊酒喜相逢，古今多少事，滚滚长江东逝水，浪花淘尽英雄。 几度夕阳红。白发渔樵江渚上，都付笑谈中。

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.

这是一个嵌套引用。

  • 引用中的列表项
  • 第二项
危险 DANGER

这是个表明危险的块引用。 This is a callout block to show danger.

警告 WARNING

这是个表明警告的块引用。 This is a callout block to show warnings.

成功 SUCCESS

这是个表明成功的块引用。 This is a callout block to show success.

提示 TIP

这是个表明危提示的块引用。 This is a callout block to show tips.

注释 NOTE

这是个表明注释的块引用。 This is a callout block to show notes.

概述 ABSTRACT

这是个表明概述的块引用。 This is a callout block to show abstract.

疑问 QUESTION

这是个表明疑问的块引用。 This is a callout block to show questions.

4. 列表样式 List Style

无序列表

  • 苹果
  • 香蕉
    • 青香蕉
    • 熟香蕉
  • 樱桃

有序列表

  1. 第一步
  2. 第二步
    1. 子步骤 1
    2. 子步骤 2

任务列表

5. 代码块 Code Block

行内代码 Inline Code

请使用 npm install 安装依赖。

块代码 Code Block

js 
function greet(name) {
  return `Hello, ${name}!`;
}
console.log(greet("World"));

6. 表格测试

编号 项目 说明
1 标题样式 多级标题支持
2 列表测试 有序/无序/任务
3 代码样式 高亮 & 缩进

7. 图片

网络图片

示例图片
示例图片

8. 分割线

9. 数学公式（块级）

∫abf(x)dx=F(b)−F(a)\int_{a}^{b} f(x) \mathrm{d} x = F(b) - F(a)

10. 脚注[1]

这是包含脚注的文本。脚注位置如下方定义。

11. 目录测试（TOC）

如果你的渲染器支持目录（例如[toc]或[[toc]]），可使用如下语法：

[toc]

12. 定义列表（支持的 Markdown 扩展）

术语 1 : 定义内容 1

术语 2 : 定义内容 2，支持多行
第二行内容

13. Mermaid 流程图

flowchart TD
    A[Christmas] -->|Get money| B(Go shopping)
    B --> C{Let me think}
    C -->|One| D[Laptop]
    C -->|Two| E[iPhone]
    C -->|Three| F[fa:fa-car Car]

14. 总结

这是一篇用于全面测试 Markdown 排版效果的文档。你可以：

  • 预览渲染样式
  • 检查公式、脚注、引用渲染是否正确
  • 验证高亮和主题切换是否影响文本可读性

  1. 这是脚注的内容。 ↩︎