Hexo 部署评论系统
摘要:其他的评论系统都是有点小问题,所以我就采用了“来必力”评论系统
前言
目前博客站点使用的评论功能,多说,网易云跟贴都已经下线。Disqus也被挡在墙外,友言貌似也不行。
可用的评论系统大概有:
- HyperComments:https://www.hypercomments.com (来自俄罗斯的评论系统,使用谷歌账号注册。可以访问,不会用,好气,,)
- 来必力:https://livere.com (来自韩国,使用邮箱注册。)
- 畅言: http://changyan.kuaizhan.com (安装需要备案号。不太好用。)
- Gitment: https://github.com/imsun/gitment (有点小bug,比如说每次需要手动初始化,登录时会跳到主页。。)
- Valine: https://github.com/xCss/Valine (基于Leancloud的极简风评论系统,好像太复杂了,做到一半我就放弃了?)
综上,最终采用了来必力。
注册账号
打开来必力官网:
https://livere.com
按套路注册(有可能注册上面要花费点功夫)。(貌似需要科学上网?之前没科学上网好像登录界面显示不了)。
安装
点击上方的安装,选择免费的city版本。
填写安装的基本信息
进入
个人中心中
的->管理页面
->代码管理
->点击安装出现已下代码复制其中的
uid
字段、还有整篇文字
集成必力
-
Hexo
博客的Yilia主题
中评论系统只提供了畅言、网易云跟帖、多说和Disqus。但是Yilia的作者给我们留了开源的接口,支持我们添加其他的插件!
- 把之前复制的代码,黏贴到
livere.ejs
文件中
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="这里是个人的**"> <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版安装代码已完成 --> |
- 很重要的一点!是下面这一步!
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
修改hexo\themes\yilia\layout\_partial\article.ejs,找到 <% if (!index && post.comments){ %> 1 2 在此下方添加下列代码: <% if (theme.livere){ %> <%- partial('post/livere', { key: post.slug, title: post.title, url: config.url+url_for(post.path) }) %> <% } %> |
-
最后就是把插件放到主页面,进行加载,操作如下:
打开你主题的设置项:_config.yml(注意不是hexo的_config.yml,而是yilia的文件夹里的_config.yml)
最后粘贴id即可!
最后一步上传到github,大功告成!
1
|
hexo d -g |
如果想换一种评论可以看下这篇文章