//MAGICBOOK / 魔法书POSTS / REDEFINE-TYPOGRAPHY
4 POSTS10 TAGS2 CATEGORIES
CodingSTATUS / PUBLISHED

为 Hexo 的 Redefine 主题设定字体样式

记录文章正文、标题和页面标题的字号、行高与间距,使主题修改保持可追踪、可恢复。

FILE / 20260409-02
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 / 迁移后的排版策略

新主题把正文宽度、字号和行距作为统一的文章阅读系统处理,不再依赖每篇文章单独修补。

桌面端使用侧滑阅读页,移动端则铺满屏幕;两者共享同一套内容结构。

留白是排版的结果,清晰的层级才是排版的原因。