美文网首页
Hexo:light 主题中添加多说评论

Hexo:light 主题中添加多说评论

作者: onestark | 来源:发表于2016-08-06 13:03 被阅读227次

    随着越来越多第三方 Hexo 主题的出现,很多主题都已经支持多说评论,而且简单地配置就能接通多说评论后台管理并匹配好文章标题和地址。但如果对不支持多说或者没有较好支持性的主题来说,往往要在此主题的源码中进行修改,并修改在多说获得的通用代码以匹配好文章标题和地址。

    下面内容针对的是 Hexo 自带主题 light 设置多说评论。

    1. 在多说获得通用代码
    2. 修改通用代码
      data-thread-key="请将此处替换成文章在你的站点中的ID"
      改为:data-thread-key="<%- item.path %>"
      ---
      data-title="请替换成文章的标题"
      改为:data-title="<%= item.title %>"
      ---
      data-url="请替换成文章的网址"
      改为:data-url="<%- item.permalink %>"
      或者:data-url="<%- config.url %><%- config.root%><%- item.path %>"
      
    3. 将通用代码粘贴到 themes\light\layout\_partial\comment.ejs 里面,如下:
      <% if ( page.comments){ %>
          <section id="comment">
              通用代码
          </section>
      <% } %>
      
    4. 配置 _config.yml 文件
      打开根目录下 _config.yml 文件,按以下配置:
      url: http://yoursite.com
      #配置域名,配置错误会使多说后台查看评论时,定位文章地址错误
      root: /
      permalink: :year/:month/:day/:title/
      

    相关文章

      网友评论

          本文标题:Hexo:light 主题中添加多说评论

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