给HEXO主题skapp添加来必力评论系统

ZhangAo

2018-08-27

说明

首先我去问了该主题的作者，有没有集成livere，作者回答说目前没有考虑集成livere，如果我想集成的话可以fork过去集成。也就是说作者后面仍没有想要集成livere的想法。所以我自己就分析了下代码，自己集成上了livere，这个评论系统比较的方便。其他的主题应该和这个差不了多少，如果你们的主题也没有的话，可以参考我这个方法试一下。

详细步骤

首先注册livere，官网是 https://livere.com/

注册后，去建立你的评论系统（进去填一下网站之类的就好了，不会的自行百度），注册后会得到一段js代码，外面是一个div包着的。

如下(data-uid不是“*”是一串字符，我只是给你个例子隐藏了data-uid)

<!-- 来必力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版安装代码已完成 -->

然后打开下面路径的文件

Blog\themes\hexo-theme-skapp\layout_partial\common\comment.swig

在里面添加如下代码

{% if page.comments && config.livere %}
	<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>
{% endif %}

然后在打开下面的文件

Blog\themes\hexo-theme-skapp\layout_partial\post\main.swig

在div的结束标签</div>前添加如下代码

1
2
3

{% if page.comments && config.livere %}
    <div id="lv-container" data-id="city" data-uid="{{ config.livere.livere_uid }}"></div>
{% endif %}

如果想在其他界面比如about界面中显示来必力还要去其他界面的文件中添加上诉代码

最后再配置文件中添加如下代码（Blog\_config.yml）

1 2	livere: livere_uid: ******************

该livere_uid 为你在来必力注册时给你给的代码里的data-uid

到此来必力就安装成功了，打开你的网站就能在文章页下面看见来必力的评论框了，要设置这个评论框的样式或者登陆方式可以登陆来必力官网进行设置。

Python Tkinter实现简单的校际运动会管理系统

基于PHP+MySQL+bootstrap的宾馆管理系统