记录一个hexo+butterfly主题集成gitalk的坑：未找到相关的 Issues 进行评论，请联系@作者初始化创建

众所周知，hexo框架的butterfly主题本身就带有gitalk插件，我们只需要将github里所注册的应用id和秘钥（OAuth Application）填入hexo主题的_config.yml配置即可。

申请GitHub OAuth Application的具体流程如下：

打开github网站登陆后，点击右上角的用户图标，选择Settings
在Settings页面选择Developer settings选项。
在Developer settings选择OAuth Apps,然后会在页面右边有一个New OAuth App按钮，点击这个按钮就进入到新建OAuth application页面
也可以直接打开这个链接：https://github.com/settings/applications/new 进入新建页面

同时，我们申请一个仓库来存储我们的评论，评论存储在该仓库的issues中。不同文章的评论通过Label来进行区分。

最后，修改我们博客根目录下的主题配置文件 _config.butterfly.yml 中的参数

comments:
  use: # 使用的评论（请注意，填写的评论首字母需要大写。最多支持两个，如果不需要请留空）
    - Gitalk 
    - Disqus
  # - Valine
  # - Disqus
  text: true # 是否显示评论服务商的名字
  lazyload: false # 是否为评论开启 lazyload，开启后，只有滚动到评论位置时才会加载评论所需要的资源（开启 lazyload 后，评论数将不显示）
  count: false # 是否在文章顶部显示评论数 livere 和 utterances 不支持评论数显示
  card_post_count: false # Display comment count in Home Page








# gitalk
# https://github.com/gitalk/gitalk
gitalk:
  client_id:  #你的client id
  client_secret:  #你的client_secret
  repo: blog_comment #你的仓库名，我这里建的评论仓库名是blog_comment
  owner:  #你的github用户名
  admin:  #该仓库的拥有者和协作者，基本是和上面的owner一致
  language: zh-CN # en, zh-CN, zh-TW, es-ES, fr, ru
  perPage: 10 # Pagination size, with maximum 100.
  distractionFreeMode: false # Facebook-like distraction free mode.
  pagerDirection: last # Comment sorting direction, available values are last and first.
  createIssueManually: false # Gitalk will create a corresponding github issue for your every single page automatically
  option:

但是结局往往和我们所想的有所出入，接下来我就出现了这个问题

开始以为是OAuth Application中我的路径写错了，后来发现没啥毛病。然后使用了GitHub登录了还是存在这个问题，我再到我的仓库里面去看，发现在issues下根本没有一条issue。按理来说只要GitHub账号第一次登录了就会给当前文章初始化一个issue，其中的Label使用的是根目录下\themes\butterfly\layout\includes\third-party\comments\gitalk.pug中的id的值。但是我这个没有生成，我一度在缓存和配置文件找问题，一直没有收获。后来我突然想起了文章的初始化权限问题，而且我GitHub账号有几个，会不会是没有使用评论仓库所有者的这个账号登录。然后，清理缓存并使用所有者账号登录，发现能够评论了，而且在仓库的issues中多了一条属于该文章的issue。

记录一个hexo+butterfly主题集成gitalk的坑：未找到相关的 Issues 进行评论，请联系@作者初始化创建

猜你喜欢