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

╰+哭是因爲堅強的太久メ 2023-09-29 18:38 5阅读 0赞

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

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

1.  打开github网站登陆后，点击右上角的用户图标，选择Settings
2.  在Settings页面选择Developer settings选项。
3.  在Developer settings选择OAuth Apps,然后会在页面右边有一个New OAuth App按钮，点击这个按钮就进入到新建OAuth application页面
4.  也可以直接打开这个链接：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:

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

![27fbda463e334a3caa2a780f76579c82.png][]

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

![2e7bd13024c0423d8799b75d8320095b.png][]

![196ea11c0d6c47eba0cabf0da4079496.png][]

[27fbda463e334a3caa2a780f76579c82.png]: https://img-blog.csdnimg.cn/27fbda463e334a3caa2a780f76579c82.png
[2e7bd13024c0423d8799b75d8320095b.png]: https://img-blog.csdnimg.cn/2e7bd13024c0423d8799b75d8320095b.png
[196ea11c0d6c47eba0cabf0da4079496.png]: https://img-blog.csdnimg.cn/196ea11c0d6c47eba0cabf0da4079496.png