给我的 Jekyll 博客添加 Gitalk

本文提供的所有语言版本： 繁中 简中

今天终于想办法在博客里添加了评论区，热泪盈眶。

我选择的是 Gitalk。

首先在 GitHub 页面右上角选择 Settings，然后进入 Developer settings – OAuth Apps – New OAuth App。在里面填写 Application name（任意）、Homepage URL、Authrization callback URL（博客地址）。提交之后获得 Client ID 和 Client Secret。

接下来在 _layouts/posts.html 里，正文以下的位置添加如下代码：

<!-- Gitalk start -->
<div id="gitalk-container"></div> <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>
<script>
  var title = location.pathname.substr(0, 50);
  var gitalk  = new Gitalk ({
      clientID: '', # 获得的 Client ID
      clientSecret: '', # 获得的 Client Secret
      repo: '', # 仓库名
      owner: '', # 用户名
      admin: [''], # 用户名
      id: title
      distractionFreeMode: false  // Facebook-like distraction free mode
      })
      gitalk.render('gitalk-container')
</script>
<!-- Gitalk end -->

然后对评论系统初始化，这样就大功告成了！