排版测试文章

这是一篇排版测试文章。所有文字、日期与段落都用于展示阅读效果，不代表真实个人经历。我们把标题、引用、图片与代码放在同一张纸上，看看不同的信息怎样安静地相处。

让文字慢下来#

一段文字的节奏，常常藏在行与行之间。句子不必很长，段落也不必填满所有空白。读者可以沿着文字往下走，在需要的时候停一下，再继续读下一句。

这里用一段较长的示例正文观察中文换行。纸面保留稳定的宽度，文字与背景之间有清楚的距离；当窗外的颜色发生变化，阅读的位置和文字的结构依然留在原处。斜体是一点轻声的补充，而 加粗只留给值得停留的词句。

留白与层次#

写下来，是给一个想法留一个位置。

这是一段示例引用。细线指示它与正文的关系，不必再用厚重的卡片包住它。

• 无序列表适合并列的想法。
• 每一项保留相近的节奏，较长的句子可以自然换行。
• 列表里也可以有 inline code，以及一条通向文末的链接。

1. 先读清楚一个段落。
2. 沿着目录找到下一个章节。
3. 最后回到纸面的边缘，继续翻阅。

在纸面上写代码#

代码保留原本的空格、缩进与换行。下面使用 TypeScript 作为高亮样本；复制按钮只带走代码本身，行内的 const 也采用同一套材质。

type Track = { title: string; side: 'A' | 'B' };

function nextTrack(tracks: Track[], index: number): Track | null {
  return tracks[index + 1] ?? null;
}

const record = [{ title: '一张尚未写满的唱片', side: 'A' }] satisfies Track[];
console.log(nextTrack(record, 0));

不同形式的内容，也可以共享相同的阅读秩序。代码需要准确，文字需要呼吸。

图片是正文的一部分。图注退后一级，说明图片与文字的关系；图片本身保留清楚的边界，不额外加上厚重的装饰。

一段不认识的语言#

遇到尚未配置的代码语言，文字仍然完整展示，不应该让整篇文章无法打开。

SIDE A / TRACK 01
leave some room for the next sentence

把信息排在一起#

表格用细线对齐信息，弱化斑马纹，不把每个格子都画成一张小卡片。屏幕较窄时，可以在表格内部横向滑动。

旁注与脚注#

脚注把补充说明放到页面下方，正文只留下一个小标记。这里是一处示例脚注¹，也可以用 删除线 表示已经划去的文字。

• 标题、段落与引用
• 图片、代码与表格
• 留给下一篇的空白

公式继续作为正文能力保留：行内 $E = mc^2$，以及独立的一行：

这一面写完以后#

当一篇文章接近结尾，纸面不必突然改变语气。下面只放标签、轻量的喜欢与分享，还有前后两篇文章。唱片的比喻留在小字里，正文仍然按文字自己的方式结束。

这篇文章只是一个完整的排版样本。以后新的文章可以更长，也可以更短；没有封面时，从标题自然进入正文，没有目录时，也能安静地读完。页面负责承载，内容负责表达。