更新评论系统

Author: androiddevelop

README.md

@@ -46,14 +46,18 @@ CodeboyBlog
 
 ## 需要配置的内容:
 
-1. 修改_config.yml中的信息(知乎等帐号，特别需要注意的是网易云跟贴(cloud_tie_public_key)必须更换，否则您将不能查看到博客的评论)。
+1. 修改_config.yml中的信息(知乎等帐号，特别需要注意的是畅言配置(changyan_appid和changyan_appid)必须更换，否则您将不能查看到博客的评论)。 畅言的申请地址 [http://changyan.kuaizhan.com/](http://changyan.kuaizhan.com/)
 2. 修改about/index.html中个人信息(如果不需要个人简介，可以在步骤3中去除对应标签)。
 3. 修改_include/nav.html,选择自己需要的导航标签(主页, 应用, 标签, 关于等)
 4. 如果博客底部的github，知乎等需要修改，请编辑_includes/footer.html中分享的信息。
 5. 去除CNAME文件，或者CNAME文件中的域名更换为您的博客域名。
 
 ## 更新内容:
 
+#### 2018-05-03
+
+- 评论组件调整为畅言。
+
 #### 2017-12-19
 
 - 代码显示行号。(/css/syntax.css)

_config.yml

@@ -7,8 +7,10 @@ url: "http://127.0.0.1"
 description: "编码生涯的点点滴滴"
 github_username:  androiddevelop
 zhihu_username: codeboy
-cloud_tie_public_key: "\"7a06774f1f184badbb64d9af7c3d5c2c\""
-##########################上述信息需要您修改,cloud_tie_public_key两侧必须有引号############################
+
+#changyan_appid: "\"changyan_appid"\"
+#changyan_conf: "\"changyan_conf"\"
+##########################上述信息需要您修改,changyan_appid、changyan_conf############################
 
 
 # Where things are

_includes/footer.html

@@ -101,15 +101,17 @@
 <script src="{{ "/search/js/cb-search.js" | prepend: site.baseurl }}"></script>
 
 <script>
-//代码高亮自定义
-$("code").each(function(){
-  var content =  $(this).html().replace(/\n/g,"\n</li><li>");
-  if(content.indexOf('<li>') == -1){
-    //适配`abc`，放行
-  }else{
-      $(this).html("<ul><li>" + content.substring(0, content.length - 4) +"</ul>"); //适配```
-  }
-});
+$(document).ready(function(){
+  //代码高亮自定义
+  $("code").each(function(){
+    var content =  $(this).html().replace(/\n/g,"\n</li><li>");
+    if(content.indexOf('<li>') == -1){
+      //适配`abc`，放行
+    }else{
+        $(this).html("<ul><li>" + content.substring(0, content.length - 4) +"</ul>"); //适配```
+    }
+  });
+})
 </script>
 
 <div style="display:none;">

_layouts/post.html

@@ -29,26 +29,25 @@ <h2 class="subheading">{{ page.subtitle }}</h2>
 
 <!-- Post Content -->
 <article>
-    <div class="container" style="overflow-y:hidden;">
-        <div class="row">
-            <div class="col-lg-10 col-lg-offset-1 col-md-10 col-md-offset-1 post-container">
+  <div class="container" style="overflow-y:hidden;">
+    <div class="row">
+      <div class="col-lg-10 col-lg-offset-1 col-md-10 col-md-offset-1 post-container">
 
 				{{ content }}
 
-                <hr>
-
-                <!-- 网易评论框 start -->
-                <div id="cloud-tie-wrapper" class="cloud-tie-wrapper"></div>
-                <script>
-                  var cloudTieConfig = {
-                    url: document.location.href, 
-                    sourceId: "",
-					productKey: {{site.cloud_tie_public_key}},
-                    target: "cloud-tie-wrapper"
-                  };
-                </script>
-                <script src="https://img1.cache.netease.com/f2e/tie/yun/sdk/loader.js"></script>
-                 <!-- 网易评论框 end -->
-        </div>
+        <hr>
+      </div>
+      
+      <!-- 畅言评论框 start-->
+      <div id="SOHUCS" ></div>
+      <script type="text/javascript">
+      (function(){
+      var appid = {{site.changyan_appid}};
+      var conf = {{site.changyan_conf}};
+      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>
+       <!-- 畅言评论框 end -->
     </div>
+  </div>
 </article>