在个人博客里添加评论系统--Gitalk

0 前言


前提是 搭建了博客,使用的主题是 jekyll-theme-H2O 这个主题。其余的可以借鉴,但不一定完全适用。

Gitalk 是一个评论系统,在个人博客里添加了之后就可以很简便的进行评论和回复了。

1 注册 GitHub Application


首先要注册一下 GitHub Application,

https://github.com/settings/applications/new

在个人博客里添加评论系统--Gitalk_第1张图片

注册完就会有 Client ID 和 Client Secret

在个人博客里添加评论系统--Gitalk_第2张图片

2 配置 _config.yml

在 comments 那添加

  gitalk: true
  gitalk_clientID: 'Client ID'
  gitalk_Secret: 'Client Secret'
  gitalk_repo: '用户名.github.io'
  gitalk_owner: '用户名'
  gitalk_admin: '用户名'
  distractionFreeMode: true

是在 comments 下面那添加,不要搞错地方。


在个人博客里添加评论系统--Gitalk_第3张图片

3 配置 post.html


文件的位置在 _layouts\post.html

3.0 在 这个标签下添加

这个标签下加上这两行



就像这样


在个人博客里添加评论系统--Gitalk_第4张图片

3.1 在 {% include footer.html %} 里添加


如图所示,位置不要搞错


在个人博客里添加评论系统--Gitalk_第5张图片

3.2 在 {% if site.comments.disqus %} 后面添加

  {% if site.comments.gitalk %}
    
  {% endif %}

如图所示


在个人博客里添加评论系统--Gitalk_第6张图片

关于 post.html 这部分的修改可以看一下我的修改

保存修改,再提交。

4 开 issues


进入博客,点击设置


在个人博客里添加评论系统--Gitalk_第7张图片

进去后勾选一下 issues 就搞定了。


在个人博客里添加评论系统--Gitalk_第8张图片

再去看一下你博客里面的文章,如果说出现了评论框,那就是成功了。


在个人博客里添加评论系统--Gitalk_第9张图片

5 相关说明


参考了这篇文章才实现的:https://tea9.github.io/2018/06/24/gitali_config.html

文章作者写的说明:http://note.youdao.com/publicshare/?id=6ea132ba501b49b2928125a694cc9ad9#/

使用的主题是:jekyll-theme-H2O

感谢两位作者~~

你可能感兴趣的:(在个人博客里添加评论系统--Gitalk)