可用的评论系统大概有：
-
- HyperComments：www.hypercomments.com （来自俄罗斯的评论系统，使用谷歌账号注册。可以访问，不会用，好气，，）
-
来必力：livere.com （来自韩国，使用邮箱注册。注册登录没有成功看不懂韩文）
-
畅言： changyan.kuaizhan.com （安装需要备案号。不太好用。）
-
Gitment： github.com/imsun/gitme… （有点小bug，比如说每次需要手动初始化，登录时会跳到主页。。）
-
Valine: github.com/xCss/Valine (基于Leancloud的极简风评论系统，最后选择的一种？）
最后选择使用的是Valine开发版本
1.注册leancloud
到官网：leancloud.cn，注册一个账号，然后需要验证邮箱（不验证邮箱创建应用的按钮是至灰的），然后创建应用，名字可以随意。然后会生成一个应用，有对应的APP ID，APP KEY，在设置>应用key可以查看。
2.hexo设置
2.1 在博客主题文件中添加评论设置
在H:\Hexo\themes\yilia\_config.yml大概在#5、Gitment后面添加valine设置，内容如下（注意把里面的APP ID，APP KEY换成自己应用中的信息）
#6、Valine https://valine.js.org
valine:
appid: 'APP ID' #Leancloud应用的appId
appkey: 'APP KEY' #Leancloud应用的appKey
verify: false #验证码
notify: false #评论回复提醒
avatar: retro #评论列表头像样式：''/mm/identicon/monsterid/wavatar/retro/hide
#头像类型可见： https://valine.js.org/avatar.html
placeholder: Just go go #评论框占位符
123456789
2.2 为article.ejs添加valine评论
在H:\Hexo\themes\yilia\layout\_partial\article.ejs中搜索这行代码<% if (!index && post.comments){ %>，在其后面添加代码：(这个代码是有响应式的)
<% if (theme.valine && theme.valine.appid && theme.valine.appkey){ %>
<section id="comments" class="comments">
<style>
.comments{margin:30px;padding:10px;background:#fff}
@media screen and (max-width:800px){.comments{margin:auto;padding:10px;background:#fff}}
</style>
<%- partial('post/valine', {
key: post.slug,
title: post.title,
url: config.url+url_for(post.path)
}) %>
</section>
<% } %>
12345678910111213
2.3 新建文件valine.ejs
新建文件H:\Hexo\themes\yilia\layout\_partial\post\valine.ejs，内容为：
<div id="vcomment" class="comment"></div>
<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
<script src="//unpkg.com/valine/dist/Valine.min.js"></script>
<script>
var notify = '<%= theme.valine.notify %>' == true ? true : false;
var verify = '<%= theme.valine.verify %>' == true ? true : false;
window.onload = function() {
new Valine({
el: '.comment',
notify: notify,
verify: verify,
app_id: "<%= theme.valine.appid %>",
app_key: "<%= theme.valine.appkey %>",
placeholder: "<%= theme.valine.placeholder %>",
avatar:"<%= theme.valine.avatar %>"
});
}
</script>
123456789101112131415161718
3.生成发布
hexo g
hexo s #本地可以预览效果，或者hexo d
12
4.后台查看数据
应用>存储>comment
注意：这里还要设置一下web安全域名，位置：应用>设置>安全中心>Web安全域名
5.升级
5.1头像设置
可切换多种头像，请看下面代码：
avatar: retro #评论列表头像样式：''/mm/identicon/monsterid/wavatar/retro/hide
#头像类型可见： https://valine.js.org/avatar.html
12
5.2验证码
这个比较多争议，官网是说：“由于是无后端的评论系统，验证工作也就只能在前端做，体验上可能不会太优雅。
验证码默认是关闭的，如果你觉得太烦人或者太反人类，那就请不要打开。”
5.3邮箱验证
通过qq邮箱点击发的邮箱里面的链接验证
