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

随着越来越多第三方 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/
    
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,845评论 18 139
  • 前言 几个月前,在好奇心的鼓动下,利用Github Pages和Hexo以及Next主题搭建一个属于自己的个人主站...
    Jack_lin阅读 2,718评论 2 12
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,930评论 25 708
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,498评论 0 17
  • 我叫文惠,自小就聪明,琴棋书画样样精通,被誉京中第一才女,家父文行是尚书府大人,娘就是世人口中的蚕丝娘娘...
    奈何一笑很倾城_9676阅读 423评论 0 0