Attegi 从第一天起就是为双语写作设计的。英文和中文在同一篇文章里出现,是这个主题最常见的使用场景,而不是例外。这篇文章本身就是一次演示:你现在读到的每一个标题、引文和诗句,都是在 Ghost 编辑器里直接写出来的,没有额外的插件。
字体:先照顾好正文
中文网页最常见的问题,是西文字体没有中文字形,浏览器只好随便挑一个替补。Attegi 的字体栈把系统自带的中文字体排在西文字体之后:macOS 与 iOS 上是苹方,Windows 上是微软雅黑,Android 上是思源黑体。拉丁字母走西文字体,汉字自动落到中文字体上,两者都不用额外下载。
这意味着:
- 页面不需要加载几 MB 的中文 Web Font,首屏更快;
- 每个读者看到的,都是自己系统里调校最好的中文字体;
- 像 Ghost、CSS、2026 这样的西文与数字,依然保持西文字体的节奏。
中西文混排
中文与英文、数字相邻时,中间留一点空隙会让版面松弛很多。这条规则来自中文文案排版指北,Attegi 的示例文章都手动加了空格。没加也不要紧:在支持 text-autospace 的浏览器里,Attegi 会自动补上约八分之一个字宽的间隙,所以「用Attegi写作」也不会挤在一起。手动加的空格照样有效,两者不会叠加。
行内代码同样适用:在主题设置里把 Color scheme 改成 Dark,整站就会固定为深色模式。
学而时习之,不亦说乎?有朋自远方来,不亦乐乎?
——《论语·学而》
引用块左侧那条细线用的是站点的强调色。切换到深色模式时,Attegi 会换上你在主题设置里单独指定的深色强调色,保证对比度不会掉下去。
自动切换中文排版
英文排版里常用的字距微调和斜体,放到汉字上反而难看。Attegi 会在页面加载时数一数正文里的汉字:只要中文占到 15% 以上,这篇文章就自动换上中文排版规则:
- 去掉西文标题常用的负字距,汉字不再被挤在一起;
- 正文行高放宽到 1.8,方块字之间留出呼吸的空间;
- 不再给汉字加「伪斜体」。中文字体本来就没有斜体,硬把字形拉斜只会难看,所以 Attegi 直接显示为正体。
英文文章不受影响。同一个站点里,中英文文章各自得到合适的排版。
诗
诗卡片(Poem Card)是 Attegi 自带的写作组件。在引用块的第一行写上 [!poem] 和标题,剩下的每一行就是一句诗:
> [!poem] 静夜思 [center] [plain]
> 床前明月光,
> 疑是地上霜。
> 举头望明月,
> 低头思故乡。
>
> — 李白
发布之后,它会变成这样:
[!poem] 静夜思 [center] [plain]
床前明月光,
疑是地上霜。
举头望明月,
低头思故乡。
— 李白
标题后面的 [center] 让整首诗居中,[plain] 去掉诗卡片默认的斜体。中文诗句最好总是加上它,道理和上面一样:汉字没有真正的斜体。
两个标记也可以直接写成中文:[居中] 和 [非斜体]。不写 [居中],诗句就靠左排列:
[!poem] 春晓 [非斜体]
春眠不觉晓,
处处闻啼鸟。
夜来风雨声,
花落知多少。
— 孟浩然
长文的导航
只要一篇文章里有两个以上的小标题,Attegi 就会自动生成目录。在宽屏上,它停靠在正文左侧,随着阅读高亮当前章节;屏幕窄一些时,它收进右下角的一个圆形按钮,外圈就是阅读进度,点开便是完整目录,拇指刚好够得到。
这篇文章的目录,就是由这几个二级标题生成的,你不需要做任何设置。如果某篇文章不想要目录,给它加上内部标签 #no-toc 就行。
界面语言
主题里的按钮、日期和提示文字,会跟随 Ghost 后台 Settings → General → Publication language 的设置。Attegi 内置的简体中文(zh)和繁体中文(zh-Hant)翻译是完整的,填对语言代码就会生效。
zh-Hant,写成 zh-TW 或 zh_tw 都不会生效。写中文,不应该比写英文更麻烦。Attegi 想做的,就是让你打开编辑器、写下第一句话之后,就不用再想排版的事。
Comments