Hexo修改字体

目标：修改 Hexo 博客的字体样式，让页面更符合阅读习惯

一、字体在哪里配置

Hexo 本身不带界面，字体样式全部由主题决定。本项目使用的是 3-hexo 主题，字体相关代码都在主题的样式文件里。

主要涉及两个文件：

文件	作用
themes/3-hexo/source/css/style.styl	全局字体（html, body）和标题字体
themes/3-hexo/source/css/_partial/post.styl	文章正文的字体大小、行高

二、修改全局字体

打开 themes/3-hexo/source/css/style.styl，找到这一行：

html, body
  ...
  font 400 16px/1 "Open Sans","Hiragino Sans GB",sans-serif

其中：

• 400：字重（bold 为 700）
• 16px：默认字号
• "Open Sans","Hiragino Sans GB",sans-serif：字体族（有先后顺序，前面的优先）

常用中文字体

字体	适用平台
Microsoft YaHei	Windows（微软雅黑）
PingFang SC	macOS / iOS（苹方）
Hiragino Sans GB	macOS（冬青黑体）
Noto Sans SC	全平台（思源黑体，需引入）

比如想优先用微软雅黑：

font 400 16px/1 "Microsoft YaHei","Hiragino Sans GB",sans-serif

三、修改文章正文字号

打开 themes/3-hexo/source/css/_partial/post.styl：

.post
  height 100%
  font-size 18px
  line-height 1.6

• font-size 18px 是正文大小
• line-height 1.6 是行高（越大行距越宽）

想调大正文、放宽行距：

.post
  height 100%
  font-size 20px
  line-height 1.8

四、标题是否加粗

标题样式在 style.styl 里统一控制：

h1, h2, h3, h4, h5, h6
  font-family inherit
  font-weight bold
  margin-top 30px

• 想加粗：font-weight bold
• 想不加粗：font-weight normal

五、重新生成生效

修改完 .styl 样式文件后，需要重新生成并预览：

hexo clean
hexo g
hexo s

浏览器打开 http://localhost:4000 即可看到效果。

六、注意事项

1. 修改的是主题源码，如果主题升级可能被覆盖，建议先备份。
2. font-family 是有优先级的，排在前面的字体若系统存在则优先使用。
3. 中文字体建议放在英文字体之后，否则中文数字等会被英文字体渲染，观感不一致。

---

转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。