Hexo中使用多说评论系统

Hexo中使用多说评论系统

之前用jekyll搭建博客的时候搞过jekyll中使用多说评论系统

以为通用代码是通用的，没想到不通用，稍微改一下即可

一、注册一个多说，设置自己的网站信息，获得以下通用代码

<!-- 多说评论框 start -->
<div class="ds-thread" data-thread-key="请将此处替换成文章在你的站点中的ID" data-title="请替换成文章的标题" data-url="请替换成文章的网址"></div>
<!-- 多说评论框 end -->
<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
var duoshuoQuery = {short_name:"itmyhome1900"};(function() {var ds = ateElement('script');ds.type = 'text/javascript';ds.async = true;ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo/embed.js';ds.charset = 'UTF-8';(ElementsByTagName('head')[0] || ElementsByTagName('body')[0]).appendChild(ds);})();
</script>
<!-- 多说公共JS代码 end -->

二、替换模板

找到自己使用的theme的文件夹里面的comment.ejs的文件，例如我的主题是light，

那么comment.ejs位于的路径是themeslightlayout_partialcomment.ejs，打开并将里面的全部内容替换为以下代码。

<% if (pagements){ %>
<section id="comment">这里要放置多说提供的通用代码
</section>
<% } %>

然后将第一步多说提供的通用代码替换为上面中文所说明的地方

三、修改模板

将data-thread-key="请将此处替换成文章在你的站点中的ID" 替换成data-thread-key=”<%= page.path %>”

将data-title=”请替换成文章的标题” 替换成 data-title=”<%= page.title %>”

将data-url=”请替换成文章的网址” 替换成 data-url=”<%= page.permalink %>”

修改完后大致如下：

<% if ( pagements){ %>
<section id="comment"><!-- 多说评论框 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:"itmyhome1900"};(function() {var ds = ateElement('script');ds.type = 'text/javascript';ds.async = true;ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo/embed.js';ds.charset = 'UTF-8';(ElementsByTagName('head')[0] || ElementsByTagName('body')[0]).appendChild(ds);})();
</script>
<!-- 多说公共JS代码 end -->
</section>
<% } %>

作者：itmyhome