新版多说的配置

context

最近给博客更换了一款主题,但是发现多说评论失效了,用一期的配置方法进行配置,还报错.现在重新整理

前提

已经注册多说开发者帐号,并且创建了应用.

步骤

  1. 取消HEXO博客根目录中的 _config.yml 中 disqus_shortname: ,暂时不用这个功能,直接永久开启多说评论。(如果没有此参数,可以忽略)

  2. 打开 themes\light\layout_partial\comment.ejs (如果没有,请创建)将你的通用代码粘贴进来,并修改三处地方:

data-thread-key="<%= page.path %>
data-title="<%= page.title %>"
data-url="<%= page.permalink %>"

最终我的完整代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!-- 多说评论框 start -->
<div class="ds-thread" data-thread-key="<%= page.path %>" data-title="<%= page.title %>" data-url="<%= page.permalink %>"></div>
<!-- 多说评论框 end -->
<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
var duoshuoQuery = {short_name:"guiqingblog"};
(function() {
var ds = document.createElement('script');
ds.type = 'text/javascript';ds.async = true;
ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
ds.charset = 'UTF-8';
(document.getElementsByTagName('head')[0]
|| document.getElementsByTagName('body')[0]).appendChild(ds);
})();
</script>
<!-- 多说公共JS代码 end -->
  1. 打开themes\light\layout_partial\article.ejs
    在最后一行加上如下代码
1
2
3
<% if(!index){ %>
<%- partial('comment') %>
<% } %>

后记

在早期版本,第二步骤中的三个文章参数不是必须的,但是新版中,如果不配置,会报错.样式也不能正常显示 .