0%

hexoNext的设置备份

base.styl设置字体大小

themes\next\source\css\_variables\base.styl 中修改

1
2
3
4
5
6
7
8
9
// Font size
$font-size-base = (hexo-config('font.enable') and hexo-config('font.global.size') is a 'unit') ? unit(hexo-config('font.global.size'), em) : .875em;
$font-size-smallest = .75em;
$font-size-smaller = .8125em;
$font-size-small = .875em;
$font-size-medium = 1em;
$font-size-large = 1.125em;
$font-size-larger = 1.25em;
$font-size-largest = 1.5em;

主题_config.yml

1
2
3
4
5
6
7
8
9
10
11
12
font:
enable: true
# Uri of fonts host. E.g. //fonts.googleapis.com (Default)
# 亲测这个可用,如果不可用,自己搜索 [Google 字体 国内镜像],找个能用的就行
host: https://fonts.cat.net
# Global font settings used on <body> element.
# 全局字体,应用在 body 元素上
global:
external: true
family: Lato
size: 16
#csdn上就是16看着舒服多了

custom.styl

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

// 标题,修改成你期望的字体族
$font-family-headings = Georgia, sans

// 修改成你期望的字体族
$font-family-base = "Microsoft YaHei", Verdana, sans-serif

// 代码字体
$code-font-family = "Input Mono", "PT Mono", Consolas, Monaco, Menlo, monospace

// 正文字体的大小
$font-size-base = 16px

// 代码字体的大小
$code-font-size = 13px

第一个字体变量是题目的字体,第二个是其余部分的字体。
因为我们是中文博客,所以肯定希望能改成一些比较漂亮的中文字体,但是显而易见,你改成宋体是不合理的,因为第一会出现乱码情况,第二Hexo也不接受中文名字的字体。所以我们需要使用中文字体的英文名称。下面是中文字体对应的英文名称。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
新细明体:PMingLiU 
细明体:MingLiU
标楷体:DFKai-SB
黑体:SimHei
宋体:SimSun
新宋体:NSimSun
仿宋:FangSong
楷体:KaiTi
仿宋_GB2312:FangSong_GB2312
楷体_GB2312:KaiTi_GB2312
微软正黑体:Microsoft JhengHei
微软雅黑体:Microsoft YaHei

装Office会多出来的一些字体:
隶书:LiSu
幼圆:YouYuan
华文细黑:STXihei
华文楷体:STKaiti
华文宋体:STSong
华文中宋:STZhongsong
华文仿宋:STFangsong
方正舒体:FZShuTi
方正姚体:FZYaoti
华文彩云:STCaiyun
华文琥珀:STHupo
华文隶书:STLiti
华文行楷:STXingkai
华文新魏:STXinwei

苹果电脑中的字体:
华文细黑:STHeiti Light [STXihei]
华文黑体:STHeiti
华文楷体:STKaiti
华文宋体:STSong
华文仿宋:STFangsong
丽黑 Pro:LiHei Pro Medium
丽宋 Pro:LiSong Pro Light
标楷体:BiauKai
苹果丽中黑:Apple LiGothic Medium
苹果丽细宋:Apple LiSung Light

字体大小不变的问题

1
2
3
hello, I have changed: source/css/_variables/custom.styl
$font-size-base = 20px; and when $ hexo s the font is bigger, but $ hexo -g d ,
it not worked, how can i do that?thanks
1
hexo clean && hexo g && hexo d

hexo升级

1
2
npm i hexo-cli -g
hexo version 查看是否升级成功。

欢迎关注我的其它发布渠道