主题
test 结论先行
这是一篇 test 笔记,主要用来验证新首页与深色主题下,长文的排版是否耐读。
重点看这几处:
- 标题层级在深底上的对比度
- 正文(宋体)与代码块的字重差异
- 引用块、表格、行内代码的观感
test 正文排版
正文现在用宋体(Noto Serif SC)。对中文长文来说,宋体的横竖对比更明显, 长时间阅读比黑体舒服一些 —— 但这是偏好问题,不合适随时可以换回黑体。
test 三级标题
段落里混排 粗体、斜体、行内代码 和 内部链接 的效果。
test 引用块:左侧色条用的是品牌紫,而不是默认灰。 深色底上,灰色引用条几乎看不见,换成紫色后能一眼认出这是引文。
test 列表
- 有序列表第一项
- 第二项
- 嵌套无序项
- 另一个嵌套项
test 代码块
bash
# 深色底上代码块的边界感
pnpm run publish
./deploy/deploy.shjs
// 高亮行与语言标注
const dark = true
export function theme() {
return dark ? '星轨秘典' : 'light'
}test 表格
| 页面 | 配色来源 | 金色占比 |
|---|---|---|
| 首页 | 设计稿原样 | 高(主调) |
| 笔记 / 项目 / 关于 | tokens.css | 低(仅点缀) |
test 小结
如果这一篇读下来眼睛不累、层次清楚,那深色主题的正文就基本达标了。