一个计算机技术爱好者与学习者

0%

好好学Hexo：Hexo使用livere作为评论插件

发表于 更新于 分类于 ，

1. livere简介

livere（来必力）是一个社会化评论插件，优点有：

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

2. 注册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版安装代码已完成 -->

3. 配置使用livere

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要美观，支持平台也更多。

4. 配置评论提醒

访问livere管理页面 - 评论提醒，设置接受提醒的邮箱和提醒周期（建议3小时）。

配置评论提醒后，有新的评论我们就能及时看到并进行回复，给用户更好的体验。