4B's Blog

0%

修改博客字体为霞鹜文楷

发表于 Valine：

用的是Hexo的Theme-next主题，7.8.0版本，此时文档还没有更新，于是选择自己进行修改。研究了多时未果。

后来看到lxgw-wenkai-webfont，以及钻研了一番代码，忽然意识到可以把代码放到head中：

将

1
2
3
4
5
6
7
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lxgw-wenkai-webfont@1.1.0/style.css" />
<!-- Lite version -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lxgw-wenkai-lite-webfont@1.1.0/style.css" />
<!-- TC version -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lxgw-wenkai-tc-webfont@1.0.0/style.css" />
<!-- Screen version -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-webfont@1.1.0/style.css" />

放到themes/next/layout/_partials/head/head.swig中。

然后修改/themes/next/_config.yml：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
font:
  enable: true

  # Uri of fonts host, e.g. https://fonts.googleapis.com (Default).
  host: fonts.ews1.com

  # Font options:
  # `external: true` will load this font family from `host` above.
  # `family: Times New Roman`. Without any quotes.
  # `size: x.x`. Use `em` as unit. Default: 1 (16px)

  # Global font settings used for all elements inside <body>.
  global:
    external: false
    family: LXGW WenKai Screen
    size:

接着修改themes/next/source/css/_variables/base.styl：

1
2
// Font families.
$font-family-chinese      = "LXGW WenKai Screen";

接着hexo clean && hexo g -d && hexo s就可以发现改好了，速度还挺快的。