Hexo在文章底端添加评论框

2017-08-03

沟通创造更美好的世界

来必力livere.com

前言

刚刚搭建好的主页，想在文章底部添加访客评论的功能。

查询hexo-theme-yilia的README.md后发现这款yilia集成了四款评论插件。

分别是：

多说

畅言

网易云跟帖

Disqus

然而，经过我的查阅。多说和畅言两家已表示停止服务。
网易云跟帖主要供给企业需要，个人使用需要网站的备案号。
Disqus使用需要翻墙。

所以

得出结论

yilia主题已经集成的四款评论插件均不能满足需求。

不过，除了这四款，现在市面上还有别的API可以供我们使用吗？

经过我的咨询、查阅后发现，中国市面上还有一款叫做[友言]的API，注册获取代码后，我随机复制粘贴到文章的末尾。刷新本地页面后，在最下看到了友言的评论框。

大喜

世上无难事，只要肯坚持！

然而你以为这样就结束了？

将文章push到github上后，我发现本地虽然可以看到友言的评论框，但在网络上却看不到。
经过查询后发现，github只支持https协议，http协议不安全，而我们所选用的友言api就是使用的http协议。在我们通过github登录网站时，就已经被过滤掉了。

好不容易找到的友言被PASS掉后，我的内心是沉重的。

然而，我再三问自己，除了友言，还有别的API可以用吗？

答案是

肯定的。

我想起来之前Jimmy学长介绍给我一款叫”来必力”的网页评论API，
浏览官网后发现包括暴雪、可口可乐、起亚在内的很多知名公司都在使用这款API。

于是我立马在该网站注册，并点击申请了免费的City版。
填好相关设置信息后，来必力给到我安装代码

<!-- 来必力City版安装代码 -->
<div id="lv-container" data-id="city" data-uid="MTAyMC8yOTk0NS82NTEw">
<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版安装代码已完成 -->

用编辑器打开
\主题\layout_partial\
文件夹下的article.ejs
在其中的section标签中粘贴上来必力给的安装代码

<% if (!index && post.comments){ %>
  <!-- UY BEGIN -->
    <section id="comments">
       /******************你的代码******************/
    </section>
  <!-- UY END -->
<% } %>

然后保存就可以了。

最后在git上输入指令

1	$ hexo s -g

便可以在本地查看效果啦！