添加 Gitalk 评论区
添加 Gitalk 评论功能
获取 Gitalk的id和secret
在 Github 仓库主页点击右上角头像，选择setting --> Developer settings–> OAuth Apps，然后点击Register a new application选项卡，新建一个授权APP设置项。
注意这里如果没有域名，就跟你主页保持一致。
获取Client ID和Client secrets（这里我把自己的信息打码了）
修改_config.butterfly.yml配置
修改comments和gitalk栏目
123456789101112131415161718192021comments: # 在use下设置使用的评论系统，不设置则不启用。最多只能设置两个评论系统，第一个设为默认 use: - Gitalk # 注意G大写 # - Valine # - Disqus text: true # 在按钮旁边显示评论名称 # lazyload: 当评论元素进入浏览器的视口时，评论系统将被加载。 # 如果设置为true，则评论计数无效 la ...
修改 Gitalk 评论区字体样式
定制博客 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。
新建 gitalk.min.css
在theme/butterfly/source/css中新建一个gitalk.min.css文件，然后在本地部署的网页中打开DevTools工具(F12)，找到gitalk.min.css并将其中内容复制到前者中。
修改 font-family
在复制好的gitalk.min.css中对font-family进行修改，这样评论区的样式就由重定向后的结果决定。
查看评论区结果
修改前：
修改后：
评论区字体修正成功！
添加一篇 blog 文章
小白如何添加自己的第一篇 blog
页面生成
点击创建文章或页面.bat文件，选择1。
可以看到source\_posts里多了一个文件夹和一个md文件，这里就是咱们需要修改的地方。
编辑页面
打开md文件， 这里需要用markdown语法写笔记。
目前主流的markdown编辑器有很多，知乎上已经介绍地非常详细了Link，不过本人还是喜欢用Typora，简洁干净轻量，还有各式各样好看的主题可供选择。
[!Note]
This is my first blog!
Hello World!
[x] Good Job!
12[root@jueye ~]# echo Hello Typora!Hello Typora!
以本节上方内容为例，Typora里输出的样式如下图所示。
针对Markdown语法，后面会出一期专栏进行详解，有兴趣的小伙伴可以多多关注萌雪哦！
页面部署
页面部署和博客的线上部署步骤一样，已经整理成傻瓜式点击就送啦！
值得注意的是，md文件内容与本地部署的测试页面是同步更新的，这意味着大家可以在本地边写Blog边刷新网页看成果，简直太欢愉 ...
