这是一次排版测试。我们故意把中文、English、数字、人物名和产品名放在一起，比如 Demis Hassabis、DeepMind、AlphaGo、Bullfrog、Elixir Studios、ChatGPT、Claude、Gemini 2.5 Pro，以及 1997 年、2026 年、3/4、1000 万人这些数字。目标不是写一篇正式文章，而是看看正文在真实阅读时是否松紧合适，尤其是中文和英文之间的距离。
我一直觉得，好的网页排版不是“看起来很设计”，而是读到第三段时还没有意识到它的存在。The Type 这类网站做得好的地方，是它把正文宽度、字号、行距、注释、图片说明和混排空格放在同一套节奏里处理。你不会突然被某一行的空洞拉走，也不会因为一串英文或链接打断阅读。
一段正常长文
如果我们讨论 AGI，最容易出现的问题不是概念本身，而是文字密度。比如一句话里同时出现 Google DeepMind、OpenAI、Anthropic、NVIDIA 和 Transformer，浏览器会很自然地把这些英文当成连续的词组来处理。中文读者却需要在视觉上看到一点停顿，否则整段文字会变成一块压在一起的灰色纹理。
这也是为什么我更倾向于让网站在前台自动处理混排空格，而不是要求每次写作时都手动检查。写作者应该专注于意思，系统则负责把“中文 AI 研究者在 2026 年读到 DeepMind 论文”这样的句子处理得更自然。这里我们故意不在中文和英文之间加空格，用来测试前台是否会自动显示得更舒服。
图片和图注测试
这是一段图片说明：Photo by Xiaoxiao，拍摄于 2026 年 5 月。图片说明里可能会出现 The Type、Google DeepMind、720px，以及一个较长的来源链接：https://www.youtube.com/watch?v=AFpeWo1GTeg
一个引用
好的排版不是把文字装饰得更漂亮，而是降低阅读时的摩擦。它应该让读者更快进入内容，而不是让读者先注意到网页本身。
这段引用应该和正文有区别，但不应该像一个广告卡片。它最好只是稍微退后一点，语气轻一点，边界清楚一点。
一个列表
- 中文和 English 之间应该有自然空隙。
- 数字比如 2026 年、18px、720px、1.75 倍行高，也应该看起来稳定。
- 代码、URL 和邮箱地址不应该被乱加空格。
- 图片说明、脚注和引用需要比正文更安静。
代码和链接测试
下面这段代码里的 ChatGPT 和中文不应该被自动改动：
const model = "ChatGPT";
console.log("中文AI测试", model, 2026);
下面这个邮箱也不应该被拆开：hello@example.com。
下面这个链接如果很长，应该能正常换行，而不是撑破正文：
https://www.youtube.com/watch?v=dQw4w9WgXcQ&feature=shared&utmsource=typography-test
结尾
如果这篇文章在桌面端读起来舒服，移动端也不挤，引用不抢眼，脚注不太重，英文名和数字不粘连，长链接不破坏版面，那说明我们这几步方向是对的。接下来才值得继续做更细的层级，比如长文里的二级标题、图片说明、注释系统和文章列表的节奏。
