Hexo博客添加LiveRe评论系统

兮动人

发布于 2021-06-11 14:24:52

1.1K1

文章被收录于专栏：兮动人的博客兮动人的博客

评论系统可以说五花八门啦，用得多的比如：畅言、Gitment、Gitalk、LiveRe、Disqus、友言、Valine 等

畅言，搜狐出品的

Gitment

Gitalk

LiveRe

友言

Valine

这里以LiveRe为例：

LiveRe注册地址：https://livere.me/register?lang=zh-cn
注册以后登录进去，选择City版进行安装，City版是免费的，对我们这种个人博客而言完全足够了

接下来需要填写一些关于你想将LiveRe用于的博客的一些信息
填完之后，申请获取代码，此时其将会给你一段代码，该段代码等下需要加到你的个人博客的页面中，我们可以先将其复制并保存起来。

主题配置添加来必力，如：以yilia主题为例修改 hexo 博客目录的 theme/yilia 中的 _config.yml 文件，增加如下配置：

# livere 来必力。将 false 改为自己的uid则启用该评论系统。
livere_uid: false

新增来必力评论代码文件在 yilia 中的 layout/_partial/post 下新增 livere.ejs文件，内容如下：

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

修改 article.ejs 修改 yilia 中的 layout/_partial/article.ejs 文件，在 <% if (!index && post.comments){ %> 后的任意一个评论代码前或后插入如下代码：

<%if (theme.livere_uid) { %>
  <%- partial('post/livere') %>
<% } %>

完成：http://hexo.xdr630.top/

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020/01/02 ，如有侵权请联系 cloudcommunity@tencent.com 删除

git

hexo

http

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

git

hexo

http

登录后参与评论

0 条评论

热度

Hexo博客添加LiveRe评论系统

Hexo博客添加LiveRe评论系统

这里以LiveRe为例：

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐