0 前言

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

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

1 注册 GitHub Application

首先要注册一下 GitHub Application，

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

注册完就会有 Client ID 和 Client Secret

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 下面那添加，不要搞错地方。

3 配置 `post.html`

文件的位置在 _layouts\post.html

3.0 在 `<html>` 这个标签下添加

在 <html> 这个标签下加上这两行

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
<script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>

就像这样

3.1 在`footer.html`里添加

<script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>

如图所示，位置不要搞错

3.2 在`disqus`后面添加

如下图所示

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

最近发现页面 title 的长度超过 50 个字符之后就会出错，表现为 Gitalk 报错，评论出不来。

这部分的修改看这里，主要就是加了 md5.min.js 个文件，接着引用 md5.min.js 文件，然后把 id: location.pathname, 修改为 id: md5(window.location.pathname)，感谢@LouNlay 的提醒和帮助。

4 开 issues

进入博客，点击设置

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

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

5 相关说明

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

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

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

感谢两位作者~~

因为某种原因，小标题那里不能详细地写出在哪添加代码，一写出就编译不了这篇文章，所以把文章复制到微信公众号了

0 前言

1 注册 GitHub Application

2 配置 _config.yml

3 配置 post.html

3.0 在 <html> 这个标签下添加

3.1 在footer.html里添加

3.2 在disqus后面添加