Markdown 样式完整性测试文章

这是一篇专门用来检查单篇文章页样式完整性的测试文章。正文以中文为主，夹少量 English phrases，重点不是内容本身，而是确保标题层级、正文颜色、段间距、媒体元素、表格和代码块在 single 页面里都能稳定展示。

第二段特意写得更长一些，用来观察正文在正常阅读状态下的行高、字距、段距和换行节奏是否舒适。理想状态应该是内容清晰、密度适中、没有明显的“挤”或“散”，并且在桌面与移动端都能保持一致的阅读节奏。This paragraph intentionally mixes Chinese and English terms such as layout rhythm, reading density, and visual hierarchy.

二级标题：基础文本样式

这里测试粗体文本、斜体文本、删除线文本，以及行内代码 const theme = "light"; 的显示效果。

你也可以检查普通链接与强调链接的差异：

• 站内链接：返回首页
• 外部链接：Hugo Official Website
• 带强调语义的句子：请重点检查 正文颜色 与 inline code 背景是否协调。

三级标题：列表与嵌套列表

• 一级无序列表 A
• 一级无序列表 B
  • 二级无序列表 B-1
  • 二级无序列表 B-2，包含少量 English keywords：spacing、radius、contrast
• 一级无序列表 C

1. 一级有序列表 1
2. 一级有序列表 2
   1. 二级有序列表 2.1
   2. 二级有序列表 2.2
3. 一级有序列表 3

三级标题：任务列表

• 已完成：正文颜色继承检查
• 已完成：链接和引用样式检查
• 待检查：移动端表格横向滚动体验
• 待检查：代码块长行溢出表现

三级标题：引用

这是一段普通引用，用来观察左侧边线、背景色、内边距和正文颜色是否平衡。

第二行引用故意更长一些，用来测试多行内容时的垂直节奏是否自然。

外层引用开始。

内层引用用于检查嵌套 blockquote 的缩进与视觉层次。

外层引用结束。

二级标题：图片与媒体

下面这张图同时承担封面和正文样式测试用途：

图像下方再补一段说明文字，用来观察图片与段落之间的上下留白是否合理。如果后续你修改了图片圆角、边框、阴影或段落间距，这里会很容易看出变化。

二级标题：代码块

四级标题：Bash

hugo server --bind 127.0.0.1 --port 1313
node --test tests/*.test.mjs
rg -n "article-content" themes/stitch-home/layouts/_default/single.html

四级标题：JavaScript

function describeTheme(mode) {
  if (mode === "light") {
    return "Use muted body text and clear spacing.";
  }

  return "Use stronger contrast for dark surfaces.";
}

console.log(describeTheme("light"));

四级标题：HTML

<section class="article-content">
  <h2>Preview Block</h2>
  <p>This HTML snippet is only for style verification.</p>
</section>

四级标题：纯文本

Line 1: typography
Line 2: spacing
Line 3: contrast
Line 4: hierarchy

二级标题：表格

二级标题：分隔线与脚注

这里先放一个脚注引用¹，再放第二个脚注引用²，用于检查正文底部脚注区域的排版表现。

脚注上方的这一段是为了测试分隔线前后的段落间距，以及分割线本身的视觉粗细是否合适。

二级标题：混合内容段落

在真实文章里，很多内容不会整齐地分块出现，而是文字、列表、链接、代码、图片混合出现。所以这里专门留一段杂糅内容：

如果你在检查排版时发现某些元素“单独看没问题，但放在一起就乱”，通常说明 vertical rhythm 还不够稳定。A good article layout should feel consistent even when headings, tables, quotes, and images appear in rapid succession.

• 参考文档 1：Goldmark
• 参考文档 2：Hugo Markdown Render Hooks
• 快速检查项：text color、blockquote、table border、code overflow

最后再补一个收尾段落：如果这篇文章在桌面端、平板和手机端都能保持稳定的字体颜色、间距、图片边界和表格显示，那么它就可以长期作为你后续调样式时的回归测试页面。