目录
  1. 1. 修改主题字体
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`` 但是后面发现这样设置并达不到想要的效果很难受,然后才转到此重新设置了字体大小
文章作者: 嗜血星空earth
文章链接: http://sxxkearth.github.io/2019/01/09/Next%E5%AD%97%E4%BD%93%E4%BF%AE%E6%94%B9/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请附以署名及出处!

评论