2017-08-03

Hexo博客畅言评论支持

由于多说和网易云跟帖的关闭，很多博客的评论系统受到了影响，这里通过使用Yelee主题举例说明将多说评论替换为畅言的步骤，以及畅言评论的设置问题。

代码安装

1.修改文件 \themes\yelee\layout\_partial\comments\duoshuo.ejs 为如下内容，并重命名为 changyan.ejs。

<!--PC和WAP自适应版-->
<div id="SOHUCS" ></div> 
<script type="text/javascript"> 
(function(){ 
var appid = '<%=appid%>'; 
var conf = '<%=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="//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("//changyan.sohu.com/upload/changyan.js",function(){window.changyan.api.config({appid:appid,conf:conf})}); } })(); </script>

这一部分是畅言安装的通用代码，在html中插入这段代码即可加入评论框。
没有多说的主题可以直接添加changyan.ejs，或者修改主题支持的评论，下同。

2.修改 \themes\yelee\layout\_partial\article.ejs ，把原来多说位置的代码改为：

<% if (!index && post.comments){ %>
  <% if (theme.changyan.on) { %>
    <%- partial('comments/changyan', {
      appid: theme.changyan.appid,
      conf: theme.changyan.conf
    }) %>
  <% } %>
<% } %>

对于畅言实验室中的拓展功能，比如表情评论，打赏等功能，同样将代码添加到这部分就行，以表情评论为例

<% if (!index && post.comments){ %>
  <% if (theme.changyan.on) { %>
    <div id="cyEmoji" role="cylabs" data-use="emoji"></div>
  <% } %>
<% } %>
<script type="text/javascript" charset="utf-8" src="https://changyan.sohu.com/js/changyan.labs.https.js?appid=xxxxxx"></script>

3.修改样式文件 \themes\yelee\source\css\_partial\main.styl ，查找 duoshou，替换为如下样式：

#SOHUCS {
    padding: 0 40px !important;
    width: inherit !important;
}

4.修改样式文件 \themes\yelee\source\css\_partial\mobile.styl ，查找 duoshou，替换为如下样式：

1
2
3

#SOHUCS {
    padding: 0 13px;
}

5.将theme的 _config.yml 中 duoshuo 的部分修改为：

changyan:
  on: on
  appid: 
  conf:

这里的appid和conf是在畅言的后台获取，见下文。

畅言设置

1.点击访问畅言官网并注册畅言

没有备案的域名可以找一个已备案域名提交审核，将自己的域名添加到域名白名单即可。

2.注册成功后进入到后台页面

分别写入appid和conf即可。

3.在后台的设置选项中，可以对主题样式和评论进行设置。

本文标题:Hexo博客畅言评论支持

文章作者:Li Yu

发布时间:2017-08-03, 13:22:58

最后更新:2019-08-04, 19:02:00

原始链接:https://www.liyu.fun/2017/08/03/Hexo博客畅言评论/

许可协议: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。