Hexo之使用Livere评论代替多说评论

来源：互联网发布：盛京时报数据库编辑：程序博客网时间：2024/05/16 14:12

写在前面

　　由于众所周知的原因，多说评论和网易云跟帖先后都宣布关闭评论服务，一直没有找到好的替换方案。昨天无意看到韩国的Livere（来必力）评论，瞬间就喜欢上了~UI好看，加载时候的那个小幽灵也好可爱=w=而且是国外的，应该没那么容易关闭吧2333下面记录一下步骤~

准备

去Livere官网注册Livere账号。
选择City版（免费），安装
进入管理页面->代码管理->一般网站，复制data-uid

在Hexo中添加Livere

以下基于主题Next，其他主题做法类似

打开博客根目录/themes/next/_config.yml
将# Third Party Services Settings 栏目下其他评论系统如duoshuo、gentie、youyan、disqus用#注释掉，加入以下内容

# Livere评论系统livere_uid: 上一步中你获取的data-uid

在博客根目录/themes/layout/_scripts/third-party/comments/目录中新建txt文件，重命名为livere.swig，编辑内容如下：

{% if not (theme.duoshuo and theme.duoshuo.shortname) and not theme.duoshuo_shortname and not theme.disqus_shortname and not theme.hypercomments_id and not theme.gentie_productKey %}  {% if 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>  {% endif %}{% endif %}

在博客根目录/themes/layout/_scripts/third-party/comments.swig文件中追加：

{% include './comments/livere.swig' %}

在博客根目录/themes/layout/_partials/comments.swig文件中条件最后追加 LiveRe 插件是否引用的判断逻辑：

{% elseif theme.livere_uid %}      <div id="lv-container" data-id="city" data-uid="{{ theme.livere_uid }}"></div>{% endif %}

重新hexo clean、hexo d -g，然后就可以看到来必力评论啦~
【PS：不知道为啥我刚部署完的时候评论没有出现……可能要等一会？】

阅读全文

0 0