[gitalk] 解决配置gitalk插件后初始化登录时跳转回首页

起源

在参考了一些列博文配置了gitalk插件后，一直不能显示评论区。表现为点开博文，评论区只显示"未找到相关的Issues进行评论，请联系XXX进行创建"，然后下面是github登录按钮，意思是需要先登录github授权，然后才能初始化issue评论。但是，点击登录后直接跳转到了博客首页，搞的一头雾水，不明所以。

分析

在登录时，打开F12跟踪network访问记录，发现有一个是github认证授权的请求，另外有两个是重定向到首页的请求：

授权请求明细：

重定向请求1：

 重定向请求2：

跳转到首页后地址栏与重定向请求2地址相同：

解决

结合参考文章和以上分析可知，授权请求中的参数redirect_uri的域名必须与Github的OAuth Apps中配置的Authorization callback URL相同，否则就会重定向到这个Authorization callback URL，而我这里配置的就是博客首页地址：https://leisurebo.github.io，为什么这里多一次重定向？因为笔者的博客又绑定了定制域名https://www.itbo.top，所以又会重定向到这个绑定的域名。

回头看一下授权请求中携带的redirect_uri参数的域名，竟然是https://www.itbo.top，果断将OAuth Apps中的Authorization callback URL设置为https://www.itbo.top，重新打开博客进行登录授权，成功加载出评论区，如下图：

注意：如果github博客开启了force https功能，需要将OAuth Apps中的地址改为https。

下面贴出笔者的OAuth Apps配置

 

参考

• gitalk报错问题
• gitment初始化评论跳回博客首页
• Redirect URI mismatch
• Hexo NexT使用Gitalk相关Error
• [Jekyll] 给静态博客添加 Gitalk 评论插件