设计不是把所有东西都放进去，而是让每个元素都处在正确的位置。

引用块可以包含第二个段落、强调文本、代码 和链接。

这是二级嵌套引用。

嵌套引用中的列表项一

嵌套引用中的列表项二
const message = '引用块中的代码';
console.log(message);
— 一位虚构的排版测试员

链接、自动链接与双向链接

行内链接：Example。
带标题的链接：悬停查看标题。
站内锚点：跳到表格。
根路径链接：返回首页。
完整引用链接：Astro 文档。
折叠式引用链接：折叠式引用。
快捷引用链接：快捷引用。
尖括号自动链接：https://example.com/path?query=markdown。
GFM 自动链接：https://example.com/automatic-link
邮箱链接：tester@example.com。
本站双向链接：第一篇文章。

图片

标准 Markdown 图片：

引用式图片：

可点击图片：

带图注的原生 HTML 图片：

图 1：使用 figure 与 figcaption 生成的图片说明。

表格

左对齐	居中对齐	右对齐	默认对齐
粗体	斜体	`code`	~~删除线~~
中文内容	42	¥1,024.00	单元格中的 \| 竖线
链接	H₂O	$x^2$	第一行第二行
很长很长很长的单元格，用于观察窄屏横向滚动	✅	99.9%	`nowrap?`

代码

行内、缩进与围栏代码

下面是四空格缩进代码块：

function indentedCode() {
  return '没有指定语言';
}

带语言标识的 TypeScript 代码块：

interface Article {
  title: string;
  tags: string[];
  draft?: boolean;
}

const article: Article = {
  title: 'Markdown 全语法样式测试',
  tags: ['Markdown', 'GFM', 'KaTeX'],
  draft: false,
};

console.log(article.title);

使用波浪号围栏的 JSON：

{
  "name": "style-test",
  "enabled": true,
  "breakpoints": [320, 768, 1440]
}

Diff 高亮：

- const theme = 'light';
+ const theme = 'dark';

Shell 高亮与长行测试：

pnpm check
pnpm test
printf '%s\n' '这是一条刻意写得非常长的命令输出，用于确认代码块在窄屏设备上能够正确横向滚动或换行，而不会撑破文章容器。'

用四个反引号包裹含有三个反引号的 Markdown 示例：

```css
.card {
  border-radius: 1rem;
}
```

没有语言标识的围栏代码：

plain text
<not-rendered-as-html>
**not bold**

数学公式

行内公式：质能方程 $E = mc^2$ ，勾股定理 $a^2 + b^2 = c^2$ ，以及求和 $sum_{i=1}^{n} i = \frac{n(n+1)}{2}$ 。

独立公式：

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

多行对齐公式：

\begin{aligned} f(x) &= x^2 + 2x + 1 \\ &= (x + 1)^2 \end{aligned}

矩阵与分段函数：

A = \begin{pmatrix} 1 & 2 \\ 3 & 4 \end{pmatrix}, \qquad g(x) = \begin{cases} x, & x \ge 0 \\ -x, & x < 0 \end{cases}

脚注

这句话带有一个普通脚注。¹ 同一句还带有一个较长脚注。² 再次引用第一个脚注。¹

原生 HTML 块

点击展开 details 内容

折叠区域中包含段落、高亮和键盘按键 Enter。

原生 HTML 列表项
第二个列表项

هذا سطر عربي من اليمين إلى اليسار لاختبار اتجاه النص.

漢（hàn）字包含 ruby 注音；进度示例：72%。

分隔线

下面三条分隔线分别使用三种 Markdown 写法。

综合嵌套测试

第一层有序列表
- 第二层无序列表包含一个脚注引用³
- 第二项包含引用：
  
  嵌套在列表中的引用块。
  $F = ma$

第二个有序列表项包含代码：

.prose > * + * {
  margin-block-start: 1em;
}

超长内容与特殊字符

超长英文单词用于测试断行：pneumonoultramicroscopicsilicovolcanoconiosis-and-an-even-longer-suffix-for-overflow-testing。

超长 URL 用于测试溢出：https://example.com/a/very/long/path/that/keeps/going/without/a/convenient/breakpoint?source=markdown-style-test&viewport=mobile

Unicode 集合：😀 🎉 🚀 ❤️ ｜ α β γ Ω ｜你好｜こんにちは｜ 안녕하세요 ｜ café naïve résumé ｜ ① ② ③ ｜ ✓ ✗ ± × ÷ ≠ ≤ ≥。

结束

如果标题、正文、链接、图片、表格、代码、公式、脚注和嵌套块都能正常显示，这篇样式测试文章就完成了它的任务。

这是一个简短脚注，用于检查编号、回链和脚注分隔线。 ↩ ↩²
这是一个包含多个句子的长脚注。它还带有粗体、行内代码 与外部链接，用于测试脚注区域中的混合样式。 ↩
这是从嵌套列表中引用的脚注。 ↩