Next主题添加畅言评论

版权声明:本文为博主原创文章,转载请注明出处,谢谢!

为什么要增加畅言评论

之前一直在用多说评论,但是多说就要关闭了,就是在2017年6月1日。所以必须在这之前改用新的评论系统,不然的话博客就要不能评论了(然而并没有什么人给我评论)。然后就是选择用什么评论系统了,也没有什么可参考,随便选了一个。

至于为什么要自己添加,因为我的Next版本很旧了,但是自己做过很多改动不想更新到最新版本。

增加畅言评论步骤

首先要说明的是我的Next主题版本是5.0.1,可能和大家的不一样。

打开laylout/_macro/post.swig,找到下面的代码,

1
2
3
4
5
6
7
{% elseif theme.disqus_shortname %}
<span class="post-comments-count">
&nbsp; | &nbsp;
<a href="{{ url_for(post.path) }}#comments" itemprop="discussionUrl">
<span class="post-comments-count disqus-comment-count" data-disqus-identifier="{{ post.path }}" itemprop="commentsCount"></span>
</a>
</span>

在这段代码下边添加:

1
2
3
4
5
6
7
8
9
10
11
12
{% elseif theme.changyan.enable and theme.changyan.appid and theme.changyan.appkey %}
<span class="post-comments-count">
&nbsp; | &nbsp;
{% if is_post() %}
<a href="{{ url_for(post.path) }}#SOHUCS" itemprop="discussionUrl">
<span id="changyan_count_unit" class="post-comments-count hc-comment-count" data-xid="{{ post.path }}" itemprop="commentsCount"></span>
</a>
{% else %}
<a href="{{ url_for(post.path) }}#SOHUCS" itemprop="discussionUrl">
<span id="url::{{ post.permalink }}" class="cy_cmt_count" data-xid="{{ post.path }}" itemprop="commentsCount" ></span>
</a>
{% endif %}

打开layout\_partials\comments.swig,找到下面的代码,

1
2
3
4
5
6
7
{% elseif theme.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>

在这段代码下边添加:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
{% elseif theme.changyan.enable and theme.changyan.appid and theme.changyan.appkey %}
<div id="SOHUCS"></div>
{% if is_home() %}
<script id="cy_cmt_num" src="https://changyan.sohu.com/upload/plugins/plugins.list.count.js?clientId={{theme.changyan.appid}}"></script>
{% else %}
<script type="text/javascript">
(function(){
var appid = '{{theme.changyan.appid}}';
var conf = '{{theme.changyan.appkey}}';
var width = window.innerWidth || document.documentElement.clientWidth;
if (width < 960) {
window.document.write('<script id="changyan_mobile_js" charset="utf-8" type="text/javascript" src="https://changyan.sohu.com/upload/mobile/wap-js/changyan_mobile.js?client_id=' + appid + '&conf=' + conf + '"><\/script>'); } else { var loadJs=function(d,a){var c=document.getElementsByTagName("head")[0]||document.head||document.documentElement;var b=document.createElement("script");b.setAttribute("type","text/javascript");b.setAttribute("charset","UTF-8");b.setAttribute("src",d);if(typeof a==="function"){if(window.attachEvent){b.onreadystatechange=function(){var e=b.readyState;if(e==="loaded"||e==="complete"){b.onreadystatechange=null;a()}}}else{b.onload=a}}c.appendChild(b)};loadJs("https://changyan.sohu.com/upload/changyan.js",function(){
window.changyan.api.config({appid:appid,conf:conf})});
}
})();
</script>
<script type="text/javascript" src="https://assets.changyan.sohu.com/upload/plugins/plugins.count.js"></script>
{% endif %}

最后在_config.yml文件用添加下面脚本,appid和appkey是注册畅言时候提供的。

1
2
3
4
5
# changyan
changyan:
enable: true
appid: ********
appkey: ****************************************

### 将多说评论导入畅言评论

首先将多说评论导出,见下图。

然后将多说导出的评论导入到畅言中去,见下图。