为Hexo博客添加评论模块

时间:2023-01-23 09:06:58

1. 登录多说网站http://duoshuo.com/,创建站点:

1
2
3
可以使用常用的社交账号进行登录,无需注册
选择`我要安装`来创建一个站点
录入基本的创建信息,点击`创建`按钮来创建一个站点

2. 修改主题配置文件:

我用的主题是freemind,主题地址https://github.com/wzpan/hexo-theme-freemind.git,修改主题的步骤请参考”修改Hexo博客主题”
1.打开当前主题路径/_config.yml,找到duoshuo_shortname标签,设置为刚才创建站点时多说域名中的内容,请注意,没有前缀http://和后缀.duoshuo.com.

3. 修改评论模块代码:

打开文件Hexo\themes\freemind\layout\_partial\post\comment.ejs,将原有代码替换为如下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<% if (page.comment){ %>
<section id="comment">
<h2 class="title"><%= __('comment') %></h2>

<% if(theme.duoshuo_shortname) { %>

<!-- 多说评论框 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:"duoshuo_shortname"}; <!-- 替换这里的duoshuo_shortname为前面注册的shortname -->
(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.unstable.js';
ds.charset = 'UTF-8';
(document.getElementsByTagName('head')[0]
|| document.getElementsByTagName('body')[0]).appendChild(ds);
})();
</script>
<!-- 多说公共JS代码 end -->

<% } else if(config.disqus_shortname) { %>
<div id="disqus_thread">
<noscript>Please enable JavaScript to view the <a href="//disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</div>
<% } %>

</section>
<% } %>

部署到github即可看到文章下方出现的评论模块.

lemostic.github.io