[{"content":" 这是一篇临时测试文章，用来观察 正文衬线、UI 无衬线、代码等宽 三套字体在不同内容形态下的视觉效果。\n一、正文段落测试 这是一段中文正文，用来测试 Noto Serif SC 一类衬线字体在连续阅读场景中的表现。理想状态下，你应该会感觉字面更稳、段落更有呼吸感、阅读节奏比默认无衬线更像“文章”而不是“界面说明”。\n如果你把这段文字快速扫一遍，再慢慢读一遍，应该能明显感受到：在中文长文里，衬线字体会更有书卷气，尤其适合记录阅读、观影、日常与思考类内容。\n再补一段稍长一点的内容，观察多个标点混排时的状态：比如这些符号本体 ，、；：？！“”‘’（）《》——……，以及一段真实句子“我们先写下来，再慢慢改；先求成立，再求漂亮。” 在字体切换之后，是否依然保持了均衡、克制、耐读的气质。\n二、中英混排测试 今天读到一句很喜欢的话：Design is not decoration; design is decision.\n当一段文字同时出现中文、English words、缩写词如 PKM / RSS / API / UI / UX，以及一些技术名词如 Hugo、PaperMod、JetBrains Mono、Noto Serif SC 时，理想状态是：\n中文依然是主体 英文不会显得突兀 数字与标点的节奏尽量自然 比如下面这段：\n我最近在用 Hugo 重构个人博客，希望它既能承载 long-form writing，也能容纳 tools / books / movies / notes 这类更偏索引型的信息。最终目标不是做成一个“酷炫主页”，而是一个能长期生长的 digital garden。\n三、标题层级测试 三级标题：适合段落切分 标题应该比正文更有识别度，但又不要太吵。这里主要观察 display 字体是否带来一点“编辑感”，同时不至于破坏整体克制感。\n四级标题：更细的结构层 如果标题太轻，会和正文混在一起；如果太重，又会抢正文风头。所以这里主要看层级是否清晰。\n五级标题：边界场景 通常不会频繁使用，但测试一下也有必要。\n四、列表与任务列表 无序列表 一台真正顺手的电脑，会让你更愿意写东西。 一把好椅子，可能比一把好键盘更重要。 一盏舒服的灯，会影响你是否愿意在晚上继续读书。 一种合适的字体，会影响你愿不愿意把一篇文章读完。 有序列表 先明确博客的内容结构。 再决定排版气质。 然后选择正文字体、UI 字体、代码字体。 最后再微调标题、留白、颜色与细节。 任务列表 设置正文衬线字体 设置 UI 无衬线字体 设置代码等宽字体 继续优化卡片页信息层级 增加“此刻 / 最近”模块 五、引用与强调 真正好的博客设计，不会让你注意到“设计”本身； 它只会让你更愿意停留、阅读、回想，并在某一天再次回来。\n你可以观察这里的 粗体、斜体、删除线、行内代码、以及 行内链接 在同一段中的视觉关系是否协调。\n另外再来一段稍长的引用：\n写博客最迷人的地方，也许并不在“被多少人看见”，而在于它逼着你整理自己的经验、判断和趣味。长久以后，博客会慢慢变成一个人的思考切片、时间索引和精神侧写。\n六、代码测试 行内代码 例如：执行 hugo server 启动本地预览，或者用 rg \u0026quot;font-family\u0026quot; assets css themes 搜索字体定义。\n代码块：Shell hugo server --bind 127.0.0.1 --port 1313 rg \u0026#34;font-family|--font-\u0026#34; assets themes layouts git status --short 代码块：CSS :root { --font-ui: \u0026#34;PingFang SC\u0026#34;, \u0026#34;Noto Sans SC\u0026#34;, \u0026#34;Segoe UI\u0026#34;, sans-serif; --font-body: \u0026#34;Noto Serif SC\u0026#34;, \u0026#34;Source Han Serif SC\u0026#34;, \u0026#34;Songti SC\u0026#34;, serif; --font-mono: \u0026#34;JetBrains Mono\u0026#34;, \u0026#34;SFMono-Regular\u0026#34;, monospace; } .post-content { font-family: var(--font-body); line-height: 1.92; letter-spacing: 0.01em; } 代码块：JavaScript function renderReadingMood(article) { const hasChinese = /[\\u4e00-\\u9fa5]/.test(article.text); return { tone: hasChinese ? \u0026#39;editorial\u0026#39; : \u0026#39;minimal\u0026#39;, font: hasChinese ? \u0026#39;Noto Serif SC\u0026#39; : \u0026#39;system-ui\u0026#39;, }; } 七、表格测试 项目 推荐字体 作用 备注 正文 Noto Serif SC 长文阅读 更有文章感 UI PingFang SC / Noto Sans SC 导航、标签、meta 更清爽利落 代码 JetBrains Mono 代码块、行内代码 结构清晰 点缀 LXGW WenKai motto、引言、小标题 少量使用更合适 八、定义列表与术语说明 术语 这里用来测试术语和解释类内容的排版表现。 Digital Garden 指一种持续生长、互相链接、可不断迭代的个人知识空间。 Editorial Tone 指更接近纸媒、书籍、杂志排版的写作气质。 九、图片与图注测试 图 1：这是一张占位图，用来测试图片与说明文字之间的间距、字号和字体关系。\n十、分隔线测试 上面是正文内容，下面是更短、更碎片化的内容。\n十一、短句与卡片式文案测试 适合放在 好物 / 工具 / 阅读 / 观影 这类栏目里的短句文案：\n用了很久，依然喜欢。 不一定最强，但是真的顺手。 不是必需品，却会提高生活密度。 值得反复重看的一部电影。 一本读完之后会想安静一会儿的书。 十二、数字、日期与节奏测试 发布日期：2026-03-10 阅读时间：12 min read 版本号：v1.2.3 分辨率：2560 × 1440 预算区间：¥199 - ¥599 常见比例：1:1、4:3、16:9 观察数字在正文、列表和 UI 信息中的宽度是否舒服，是否有跳动感。\n十三、脚注测试 有些内容适合用脚注补充，而不是打断正文阅读节奏。这里放一个脚注示例1，再放一个更长一点的脚注示例2。\n十四、结尾段落 如果这一页看下来，你觉得：\n正文更像在“读文章” 导航、标签、日期更像“界面信息” 代码更像“代码” 那么这次“正文与 UI 字体分家”的方向就是对的。\n严格来说，字体效果还会受到操作系统、浏览器、是否安装本地字体等因素影响，所以不同设备看到的细节会略有差异。\u0026#160;\u0026#x21a9;\u0026#xfe0e;\n如果后续要进一步提升一致性，可以考虑自托管 Noto Serif SC 和 JetBrains Mono 的子集文件，只加载常用字重，兼顾观感与性能。\u0026#160;\u0026#x21a9;\u0026#xfe0e;\n","permalink":"https://yuhang.site/posts/visual-test-20260310-typography/","summary":"用于测试正文衬线、UI 无衬线、代码等宽三套字体在不同内容类型下的表现。","title":"字体与排版视觉测试页"},{"content":"开发工具 VS Code 编辑器 每日使用 主力 扩展生态和启动速度之间的平衡点很好，搭配 Vim 插件后，几乎所有项目都能直接接住。 Claude Code AI 协作 结对编程 近期高频 更像会一起推敲方案的搭档，而不只是单次补代码的工具，结对感非常明显。 GitHub 协作平台 代码托管 默认入口 仓库、PR、自动化和讨论放在一起之后，协作路径会短很多，几乎是默认入口。 Docker 环境管理 项目基建 稳定性 不是每天都直面它，但一旦项目复杂起来，它就是压住环境差异和基建混乱的那层缓冲。 效率工具 Obsidian 知识管理 长期使用 沉淀型 适合把零散想法慢慢长成体系，不会强迫你一开始就把所有结构都想完整。 Raycast 启动器 macOS 高频使用 输入几下就能完成大部分日常动作，几乎把鼠标挪出了很多高频流程。 Notion 协作文档 项目管理 轻量管理 适合把信息先组织起来再慢慢细化，是“先跑起来”很好的容器。 Figma 界面设计 原型沟通 跨角色协作 不一定天天打开，但每次要和设计、产品对齐时，它都能把沟通成本压下来。 ","permalink":"https://yuhang.site/tools/","summary":"日常开发与生产力工具清单，记录高频使用的软件。","title":"工具"},{"content":" YH 开发者 / 写作者 / 终身学习者 关于我 一个喜欢折腾技术的人，享受动手的乐趣，觉得代码配上咖啡或茶，就是最舒服的状态。相信技术能带来自由与美好，也相信人生在世即是修炼，理应心怀谦卑。\n这个博客是互联网里的一座孤岛，有幸能被你一瞥，希望能对你有所帮助。祝好。\n联系方式 ","permalink":"https://yuhang.site/about/","summary":"关于站长、博客定位与联系方式。","title":"关于"},{"content":" 银翼杀手 2049 科幻 8.5 视觉奇观级的科幻片，关于记忆与存在的追问。节奏不算轻快，但只要进去了，它的空间感和孤独感会一直留在脑子里。 荒野生存 公路 / 生存 8.6 一个人走向阿拉斯加荒野，自由的代价与意义。看完不会立刻觉得“爽”，但会让人很久都在想自由到底意味着什么。 心灵奇旅 动画 8.7 皮克斯最哲学的一部，关于活着本身的意义。它不强行讲大道理，而是用很轻的方式把“活着”重新推回眼前。 花束般的恋爱 爱情 8.7 从合拍到分开，太真实的都市爱情。不是戏剧化的那种痛，而是越真实越让人难以轻松划过去。 星际穿越 科幻 9.4 诺兰的时空叙事，爱是唯一能穿越维度的力量。它最打人的其实不是设定，而是理性框架里一直在发热的情感部分。 肖申克的救赎 剧情 9.7 希望是件美好的事，也许是世间最美好的事。即使已经知道结局，再看时也还是会被那种缓慢累积的希望击中。 盗梦空间 悬疑 / 科幻 9.4 梦境嵌套梦境，陀螺到底有没有停。它最厉害的是复杂设定并没有变成门槛，反而让观感一直保持推进力。 ","permalink":"https://yuhang.site/movies/","summary":"看过且想记住的电影与观影感受。","title":"观影"},{"content":" HHKB Professional 分类：输入设备服役：2019-至今评分：9.5/10 打字手感极佳，长时间输入也不容易累，几乎是工作台上最稳定的一件工具。 AirPods Pro 分类：音频设备服役：日常通勤评分：9.0/10 降噪和通透切换很顺手，从地铁到咖啡馆都能无缝切换，属于用上就回不去的提升。 Kindle Paperwhite 分类：阅读设备服役：睡前阅读评分：8.5/10 电子墨水屏在睡前阅读尤其舒服，在想减少手机停留时间时，它总能把注意力拉回书本。 Fellow Stagg 手冲壶 分类：咖啡器具服役：晨间手冲评分：9.0/10 控水精准、造型克制，出水节奏也很稳，让早晨这杯咖啡更像一件愿意重复的小事。 明基 ScreenBar 分类：桌面设备服役：长时工作评分：9.2/10 不占桌面空间，补光稳定又不刺眼，属于平时不显眼，但一旦撤掉就会立刻觉得不完整的东西。 Aer City Pack 分类：通勤背包服役：日常出行评分：8.8/10 容量不是夸张的大，但电脑、耳机、水杯这些高频组合都能装下，分区也刚好够用。 ","permalink":"https://yuhang.site/goods/","summary":"长期使用后仍愿意推荐的好物清单。","title":"好物"},{"content":" 2026-03-05 14:00 今天下午阳光很好，一边喝着手冲咖啡一边整理了周末拍的花，生活需要这些慢下来的瞬间。 2026-03-04 10:20 搭建好了博客，开始记录一些东西。折腾主题配色花了不少时间，但很享受这个过程。 2026-03-01 15:45 三月了，天气渐暖。周末去公园走了走，樱花已经开了几朵。 2026-02-20 22:15 读完了《置身事内》，对地方政府的运作有了新的理解。推荐给对经济感兴趣的朋友。 2026-02-14 09:30 尝试了新的手冲比例 1:16，比之前浓一点，意外地好喝。 2026-01-28 18:40 过年回家，和许久不见的老朋友聚了聚。时间过得真快。 ","permalink":"https://yuhang.site/daily/","summary":"记录生活碎片、随手感受与阶段性的小事。","title":"日常"},{"content":" 《置身事内》 · 兰小欢 · 经济 读起来不吃力，但信息密度很高，属于会想边看边做笔记的那类书。 《思考，快与慢》 · 丹尼尔·卡尼曼 · 心理学 不一定每章都轻松，但很多判断偏差会在读完后长期留在脑子里。 《百年孤独》 · 加西亚·马尔克斯 · 文学 一开始会被名字 and 关系绕住，但一旦进入节奏，就会被它的气味完全包住。 《代码大全》 · Steve McConnell · 软件工程 不是一口气读完的书，更像遇到具体问题时反复回来的参考坐标。 《小王子》 · 圣埃克苏佩里 · 寓言 文字不复杂，但每次在不同年龄读，都会落到不一样的地方。 《人类简史》 · 尤瓦尔·赫拉利 · 历史 它未必解决所有问题，但很适合作为重新组织世界观的一个入口。 ","permalink":"https://yuhang.site/books/","summary":"阅读清单与读后痕迹，记录近期在读与反复想起的书。","title":"阅读"}]