Hexo Next 主题自定义样式

Next 是个不错的 Hexo 主题,简洁明了,适合用于个人博客。

但是其文章正文等使用的是 16px 的字体,感觉稍微有点大,所以对其稍作修改,记录如下:

修改字体 & 行高

找到文件:source\css\_variables\base.styl

修改:$font-size-large = $font-size-base + 2px为:$font-size-large = $font-size-base

修改:$line-height-base = 2为:$line-height-base = 1.8

修改边距

找到文件:source\css\_common\scaffolding\base.styl

修改:p {margin: 0 0 20px 0;},为:p {margin: 0 0 15px 0;}

归档页样式

找到文件:source\css\_common\components\post\post-collapse.styl

修改:

1
2
3
4
5
6
.post-meta {
position: absolute;
font-size: 12px;
left: 20px;
top: 5px;
}

为:

1
2
3
4
5
6
.post-meta {
position: absolute;
font-size: 12px;
left: 20px;
top: 2px; // 修改这一行
}

再找到 .post-title 修改里面的 font-size 为:14px