Hexo中Next模板使用Valine评论插件

我也是最近才想加个评论功能，上网浏览了一圈，看了很多

Gitment

基于github的issue实现的，唯一一点不好的就是使用Gitment评论一定要用github账号登陆，这点对于读者来说要求有点高吧，而且非技术类的文章，整的人没github账号还不能写写心得了（娃哈哈）还是附上链接传送门

来张使用gitment的截图

畅言

其他都好，我也注册了免费使用，但有两个点是一是要网站必须要备案，最大的痛点也是必须登录后才能使用，而且是需要手机号(太恶心)传送门

畅言截图

市面上还有很多，也就不一一举例了，不是功能有限就是收费，不收费呢就是页面老的掉渣

说说Valine吧

Valine 诞生于2017年8月7日，是一款基于Leancloud的快速、简洁且高效的无后端评论系统。

理论上支持但不限于静态博客，目前已有`Hexo`、`Jekyll`、`Typecho`、`Hugo`、`Ghost` 等博客程序在使用Valine。

特性

- 快速

- 安全

- Emoji

- 无后端实现

- 轻量易用（15kb gzipped）

- 文章阅读量统计

Next5.14版本后已经集成了Valine,所以配置起来非常简单，而且页面也是非常简洁。也是我的不二之选

 一、获取appId、appKey

先登录[leancloud](https://leancloud.cn/dashboard/applist.html#/newapp)，然后创建应用，注意这里有三个版本，一般选择开发版已经足够了，写写博客，记录记录生活非常完美，如下截图创建应用

二、设置白名单

这里设置白名单主要是用于在自己的网站里能，我这里配置了我的博客地址和开发环境的地址。如下截图：

三、设置appId、appKey

这里是获取appid,appkey。这个是你注册账号后默认就会生成的，复制这个id和key

四、配置next

打开根目录下的theme/next下的_config.yml配置文件，因为next默认已经支持valine了，所以配置so easy!拿到上步的的appid,appkey。

上图中的appid、appkey就是在leancloud中复制的，

几个用的上的属性说一下

- notify 这个是用于评论后自动发邮箱使用的，默认不开启，而且免费版的貌似支持不是很好，建议不开启

- placeholder 评论框中的默认提示文案

- avatar 用户头像 默认有几种

- visitor 统计浏览次数

最后来个开发文档 供参考一下