设置giscus主题字体

原因

博客使用了雾霭文楷，但是giscus的评论框字体和博客不匹配，导致评论和文章显示不协调。

做法

创建一个css文件。内容如下：

/*引入giscus preferred_color_scheme 主题文件*/
@import url("//giscus.app/themes/preferred_color_scheme.css");
/*引入字体*/
@import url("//npm.elemecdn.com/lxgw-wenkai-screen-webfont/style.css");

/*设置评论区字体*/
body {
    font-family: LXGW WenKai Screen,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
}

之后在giscus的设置中，需要将css的文件地址填入。
我的做法是将css文件上传到github，然后使用github的raw地址。

注意

直接使用raw文件的地址是不行的，不能自动执行css，可以把githubusercontent替换成githack

如果有自己的服务器，也可以放在自己的服务器上

本文采用署名-非商业性使用-相同方式共享 4.0 国际许可协议，转载请注明出处。