hexo 使用 gitalk 评论组件的几个注意点

关于如何在 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

参考:

报错出现 Error: Validation Failed

文章标题名不能太长

参考:

文章标题名不能太长

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,841评论 18 139
  • 转载http://www.cnblogs.com/bxm0927/p/6927340.html 大概流程: 1. ...
    阿de牧阅读 6,826评论 3 32
  • 2018年1月27日晚(20/90) 世界是中性的,我们的选择决定了自己世界的样子。在时间管理中叶老师有讲到在我们...
    快乐的鱼儿07阅读 844评论 0 0
  • 亲爱的家长,您好: 忍不住想感慨:时间过得真快!转眼又一周过去了!秋精灵也开始慢慢挥洒自己的色彩,清晨和傍...
    0懒亮亮0阅读 381评论 0 0
  • 日精进 不要光做一个说话漂亮的人,更要做一名做事漂亮的人。为什么自己没有突破,因为大部分还停留在知识层面,没有践行...
    若兰ZHOU阅读 212评论 0 1