Next修改字体

  本文整合reuixiy大神1打造个性超赞博客Hexo+NexT+GitHubPages的超深度优化Google Fonts 已支持思源宋体!两篇文章,对Next主题字体进行修改。提升页面文字阅读效果。设置文章中文字体为宋体。再此基础上,更改了文字颜色为#000 ,使正文更加显眼。

修改主题字体

1.修改配置文件_config.yml 将下列代码中红色的部分修改成绿色的部分即可。

文件路径:~/blog/themes/next/_config.yml代码来自
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
font:
- enable: false
+ enable: true

# Uri of fonts host. E.g. //fonts.googleapis.com (Default).
+ host: https://fonts.loli.net

# Font options:
# `external: true` will load this font family from `host` above.
# `family: Times New Roman`. Without any quotes.
# `size: xx`. Use `px` as unit.

# Global font settings used for all elements in <body>.
global:
external: true
+ family: Noto Serif SC
size:


2.修改配置文件base.styl

文件路径:~/blog/themes/next/source/css/_variables/base.styl代码来自
1
2
3
4
-$font-family-monospace    = consolas, Menlo, $font-family-chinese, monospace
+$font-family-monospace = consolas, Menlo, $font-family-base, monospace
-$font-family-monospace = get_font_family('codes'), consolas, Menlo, $font-family-chinese, monospace if get_font_family('codes')
+$font-family-monospace = get_font_family('codes'), consolas, Menlo, $font-family-base, monospace if get_font_family('codes')

设置文字大小为16px

文件路径:~/blog/themes/next/source/css/_variables/base.styl代码来自
1
$font-size-base           = 16px


3.更改字体颜色

文件路径:~/blog/themes/next/source/css/_custom/custom.styl代码来自
1
2
3
4
//修改字体颜色
body {
color: #000;
}
注意:本人第一次设置字体大小时,直接在_config.yml 中的size项增加了16px 但是后面发现这样设置并达不到想要的效果很难受,然后才转到此重新设置了字体大小

  1. 1.reuixiy大神地址:https://reuixiy.github.io

updatedupdatedInvalid dateInvalid date