Hexo博客畅言评论支持

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

代码安装

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

1
2
3
4
5
6
7
8
9
<!--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 ,把原来多说位置的代码改为:

1
2
3
4
5
6
7
8
<% if (!index && post.comments){ %>
<% if (theme.changyan.on) { %>
<%- partial('comments/changyan', {
appid: theme.changyan.appid,
conf: theme.changyan.conf
}) %>
<% } %>
<% } %>

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

1
2
3
4
5
6
<% 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,替换为如下样式:

1
2
3
4
#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 的部分修改为:

1
2
3
4
changyan:
on: on
appid:
conf:

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

畅言设置

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

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

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

分别写入appid和conf即可。

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

文章目录
  1. 1. 代码安装
  2. 2. 畅言设置
|