为 Hexo 的 Redefine 主题设定字体样式
记录文章正文、标题和页面标题的字号、行高与间距,使主题修改保持可追踪、可恢复。
FILE / 20260409-02
AUTHOR / MAGICNUE
TYPE / CODING RECORD
AUTHOR / MAGICNUE
TYPE / CODING RECORD
Redefine 的部分字体配置不容易定位。这篇文档把配置项、注入样式和生成流程集中在一起,避免以后重新搜索。
01 / 基础配置
正文大小和行高可在主题配置的 articles.style 中调整;各级标题顶部间距也由同一组配置管理。
这些配置解决正文层级,但文章页面标题和首页列表标题仍可能需要额外选择器。
02 / 注入自定义样式
使用主题的 inject 能力,把定制 CSS 放入配置而不是直接修改主题源文件。这样更新主题时更容易保留自己的修改。
.markdown-body {
font-size: 18px;
line-height: 1.6;
}
.home-article-title {
font-size: 1.6rem;
font-weight: 700;
}
03 / 迁移后的排版策略
新主题把正文宽度、字号和行距作为统一的文章阅读系统处理,不再依赖每篇文章单独修补。
桌面端使用侧滑阅读页,移动端则铺满屏幕;两者共享同一套内容结构。
留白是排版的结果,清晰的层级才是排版的原因。