改变博客字体

新建自定义css

在theme\butterfly\source\css中新建一个font.css，在里面写上如下代码。

@font-face {
  font-family: 'jinkaiFont';
  font-display: swap;
  src: url(../fonts/jinkai.ttf) format("truetype");  
}

/*指针样式*/
body {
    cursor: url(https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/Hexo/img/default.cur),
        default;
}
/*链接小手样式*/
img {
    cursor: url(https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/Hexo/img/pointer.cur),
        default;
}

回到source目录下，创建font文件夹，将你想要设置的字体保存在这里。

注意，这里我用的jinkai.tff字体，所以font.css里的url是../fonts/jinkai.ttf。如果你用的是别的字体或者在另一个目录创建字体文件夹，需要确认这里的路径是否正确！

这里我还设置了鼠标指针的样式。如果不喜欢这样的指针，参考更改字体的办法同样可以进行更换。

修改 yml 配置

打开根目录的_config.butterfly.yml，定位到inject栏。

# Inject
# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)
# 插入代码到头部 </head> 之前 和 底部 </body> 之前
inject:
  head:
     - <link rel="stylesheet" href="/css/font.css">
  bottom: