关于如何在 hexo 中 集成 gitalk 评论组件,网上有不少教程。大家可以参考下面这几篇文章,跟着教程做一遍,基本都可以成功。
Hexo NexT主题中集成gitalk评论系统
hexo 博客next主题集成gitment或者gitalk评论系统
做完之后不显示
打开控制台查看是否有报错,如果有 Container not found, document.getElementById: ${container} 这个报错信息,可能是 comments.swig 文件里面的代码贴错位置了
// 正确示例
{% elseif theme.valine.appid and theme.valine.appkey %}
<div class="comments" id="comments"></div>
{% elseif theme.gitalk.enable %} // 将复制的两行代码贴在这个位置
<div id="gitalk-container"></div>
{% endif %}
// 错误示例
{% elseif theme.valine.appid and theme.valine.appkey %}
<div class="comments" id="comments"></div>
{% endif %}
{% elseif theme.gitalk.enable %}
<div id="gitalk-container"></div>
Error: Not Found 问题
在评论组件上方页面提示 Error: Not Found. 一般是由于 repo 填写错误,检查 主题配置文件 repo 字段
gitalk:
enable: true
githubID: github帐号
repo: 仓库名称 ( 用来存放评论的仓库名 ) 例如: blog-comments
ClientID: Client ID
ClientSecret: Client Secret
adminUser: github帐号#指定可初始化评论账户
distractionFreeMode: true
报错出现 Error: Validation Failed
参考:
文章标题名不能太长
参考: