Next主题添加畅言评论

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

为什么要增加畅言评论

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

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

增加畅言评论步骤

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

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

{% 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>

在这段代码下边添加：

{% 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，找到下面的代码，

{% 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>

在这段代码下边添加：

{% 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是注册畅言时候提供的。

# changyan
	changyan:
  	enable: true
  	appid: ********
  	appkey: ****************************************

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

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

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