美文网首页
hexo 使用 gitalk 评论组件的几个注意点

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

作者: 沉默的人_11047 | 来源:发表于2018-05-20 11:17 被阅读0次

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

文章标题名不能太长

参考:

文章标题名不能太长

相关文章

网友评论

      本文标题:hexo 使用 gitalk 评论组件的几个注意点

      本文链接:https://www.haomeiwen.com/subject/spgzdftx.html