博客第三方评论系统指南

断剑重铸之日,骑士归来之时! — 向着自由,向着未来出发Aco (๑╹◡╹)ノ”””


多说关闭了,该选择哪种第三方评论呢?

多说可以说是国内首屈一指的博客评论系统了,我在用WordPress写博客时就是用的它,与Disqus相比,对国内用户要友好很多

(Disqus需要翻墙才能使用,作为一枚程序猿,当然得会翻墙啦o(´^`)o但是我不能保证想要评论我的博客的人也都能翻墙,所以还是暂时不用它了。不过,它的好处也有很多,本身就是专业做评论系统的,功能齐全,支持 ssl,响应化设计,界面美观。)

好了,接下来进入正题,选哪种比较好呢?我是个颜控(✪ω✪)所以评论系统的颜值很重要,功能也得强大一点,这里有两款我比较喜欢,一个是来自韩国的评论系统 –来必力,另一个就是国内的友言

提供一个大佬对各种评论系统的详细介绍 —> 第三方评论系统推荐 Bitcron 笔记

友言

首先肯定是先介绍国内的友言,这里提供它的官网地址 友言:一个专业的网站社交评论系统

直接选择获取代码,手机端,PC端代码都是一样的

1
2
3
4
<!-- UY BEGIN -->
<div id="uyan_frame"></div>
<script type="text/javascript" src="http://v2.uyan.cc/code/uyan.js"></script>
<!-- UY END -->

有的主题内部有友言的选项,直接设置其为true就行,我使用的yilia主题没有,所以就得自己添加了,配置很简单,进入themes\yilia\layout\_partial文件夹下的article.ejs文件里加入如下代码

1
2
3
4
5
6
<% if (!index && post.comments && theme.youyan==true){ %>
<!-- UY BEGIN -->
<div id="uyan_frame"></div>
<script type="text/javascript" src="http://v2.uyan.cc/code/uyan.js"></script>
<!-- UY END -->
<% } %>

然后在主题里的_config.yml里加上

1
youyan: true

一切就都OK了,评论样式如下:

是不是感觉似曾相识?没错,这可能是最像多说的评论系统。有评论统计、最新评论插件可以使用。有加网的分享按钮(Share this),友荐的猜你喜欢(Related posts),加上友言的评论系统,博客三件套齐活儿了。支持 QQ、新浪微博、人人、开心网账号登陆。界面很像 Disqus。

来必力

这里也提供它的官网地址 欢迎来到来必力

先来看一看它的颜值(✪ω✪)可以提供10几种的登录方式,包括微信!可以发图片(可是不能发表情,这个稍微有点尴尬,希望官方日后能够添加这一功能)

yilia主题依然没有配置来必力的选项,那么,我们来自己配

首先,去官网注册,应该不需要翻墙,应该…注册成功之后,选择City的免费版,安装,付费版有更多的功能,自己抉择~,然后就会出现获取代码,data-uid 这个值非常重要

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!-- 来必力City版安装代码 -->
<div id="lv-container" data-id="city" data-uid="你的特殊码">
<script type="text/javascript">
(function(d, s) {
var j, e = d.getElementsByTagName(s)[0];
if (typeof LivereTower === 'function') { return; }
j = d.createElement(s);
j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
j.async = true;
e.parentNode.insertBefore(j, e);
})(document, 'script');
</script>
<noscript> 为正常使用来必力评论功能请激活JavaScript</noscript>
</div>
<!-- City版安装代码已完成 -->

然后这是我的管理界面,可以很方便地改主题,管理评论

下面就是具体的配置过程,同样的,进入themes\yilia\layout\_partial文件夹下的article.ejs文件,然后添加

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<% if (!index && post.comments && theme.livere_uid){ %>
<div id="lv-container" data-id="city" data-uid="<%=theme.livere_uid%>">
<script type="text/javascript">
(function(d, s) {
var j, e = d.getElementsByTagName(s)[0];
if (typeof LivereTower === 'function') {
return;
}
j = d.createElement(s);
j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
j.async = true;
e.parentNode.insertBefore(j, e);
})(document, 'script');
</script>
<noscript> 为正常使用来必力评论功能请激活JavaScript</noscript>
</div>
<% } %>

然后在主题里的_config.yml里加上

1
livere_uid: 你的特殊码

接下来就欢快地使用这两个颜值比较高的评论系统吧~[]~( ̄▽ ̄)~*

Aco wechat
欢迎扫描上方微信公众号,订阅博客获得实时动态!
坚持原创技术分享,您的支持将鼓励我创作出更好的作品!
Fork me on GitHub