Hexo使用livere作为评论插件

文章目录
  1. 1. 前言
  2. 2. livere简介
  3. 3. 准备
  4. 4. 使用配置

前言

使用gitalk作为评论插件,差强人意,因为每篇文章都需要初始化。而且,加载速度很慢。想了一天,决定再换一个评论插件,换成韩国的评论插件livere。

livere简介

livere(来必力)是一个社会化评论插件,优点有:

  • 使用社交网站账户登录,免去注册过程。
  • 提高用户的参与和沟通意愿。
  • 管理/删除我的评论内容。
  • 提供管理页面,管理网站文章及评论内容。

准备

1、访问来必力官网,注册账号。

2、登录后点击导航栏“安装”,选择city版。

3、根据提示,申请获取代码。

4、小编获取到的一般网站的代码为:

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="MTAyMC8zODU3Mi8xNTEwMA==">
<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版安装代码已完成 -->

使用配置

1、在yilia/layout/_partial/post目录下,新建livere.ejs,内容为:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div class="livere">
<!-- 来必力City版安装代码 -->
<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>
<!-- City版安装代码已完成 -->
</div>

2、编辑yilia/layout/_partial/article.ejs,添加:

1
2
3
4
5
6
7
<% if (!index && theme.livere.enable && post.comments){ %>
<%- partial('post/livere', {
key: post.slug,
title: post.title,
url: config.url+url_for(post.path)
}) %>
<% } %>

3、编辑yilia/_config.yml,添加:

1
2
3
4
5
6
# 注释所有畅言配置
# 注释所有gitalk配置
# livere配置
livere:
enable: true
uid: MTAyMC8zODU3Mi8xNTEwMA==

4、在yilia/source/css/_partial/main.stly中添加:

1
2
3
.livere{
padding: 0 40px;
}

至此,配置livere评论插件完成,效果如下:

nice,看起来比gitalk强多了,就你了。