好的阅读界面往往不显眼。它不抢夺注意力,而是让标题、段落、代码和图片以稳定的节奏出现。
控制行宽
正文最大宽度设为 800px。这个范围既能容纳代码,也能避免中文段落在宽屏上变成难以追踪的长行。
建立垂直节奏
正文使用接近两倍的行距,标题之前保留更明显的间隔。读者能在滚动过程中自然识别章节,而不需要复杂的侧栏导航。
代码也是正文
代码块使用克制的边框与圆角,不额外制造高对比容器。语法高亮由 Astro 在构建时完成,页面不需要额外运行脚本。
排版的目标不是让设计被看见,而是让内容更容易被理解。
移动端适配
在窄屏上,字号和留白会同步收紧;代码块允许横向滚动,其他内容则始终保持在视口内。