定制博客 Gitalk 评论区的字体

重定向 gitalk.min.css

Gitalk 的样式可以在_config.butterfly.yml中的comment区找到。

Gitalk 的css文件默认定向为https://cdn.jsdelivr.net/npm/gitalk/dist/gitalk.min.css，我们将其重定向为自己新建的/css/gitalk.min.css。

Font Ref

新建 gitalk.min.css

在theme/butterfly/source/css中新建一个gitalk.min.css文件，然后在本地部署的网页中打开DevTools工具(F12)，找到gitalk.min.css并将其中内容复制到前者中。

Dev Tools

修改 font-family

在复制好的gitalk.min.css中对font-family进行修改，这样评论区的样式就由重定向后的结果决定。

Font Change

查看评论区结果

修改前：

Before Change

修改后：

After Change

评论区字体修正成功！