使用Valine来为你的博客添加评论系统
众多博客评论系统现状
多说【已死】网易云跟帖【已死】- 畅言 【需要备案】
- 来比力(LiveRe) 【国外服务,加载贼拉慢,还需翻墙】
- Disqus 【国外服务,加载贼拉慢,还需翻墙】
- Hypercomments 【国外服务,加载贼拉慢,还需翻墙】
- Valine 【逼格高、操作无脑】
我的博客是使用的next主题5.1.4版本,已经贴心地集成了Valine,所以还有什么理由不使用它呢~
Valine特性
- fast
- secure
- 无后端实现
- 完美支持Markdown语法(与Hexo巨配)
- 轻量
- 操作无脑(…)
Valine部署
获取appid和appkey
因为Valine是部署在LeanCloud上的,故首先需在LeanCloud上登录或注册账号。
登入LeanCloud后,进入
控制台
,点击左下角创建应用
,选择免费的开发版即可。注意右上角有几个节点,可以就近选择
。应用创建好以后,进入刚刚创建的应用,选择左下角的设置>应用Key,然后就能看到你的appid和appkey了:
为了数据安全,请注意设置自己的安全域名:
Hexo-NexT中的Valine的开启和设置
- Hexo-NexT中已经默认安装了Valine插件,如果没有可以使用以下命令安装:
npm install valine --save
- 完成后,在NexT主题配置文件中加入/修改代码以开启:
# Valine.
# You can get your appid and appkey from https://leancloud.cn
# more info please open https://valine.js.org
valine:
enable: true # 是否开启
appid: # 填上之前获取的AppID
appkey: # 填上之前获取的AppKey
notify: false # 新留言是否需要通知 https://github.com/xCss/Valine/wiki
verify: false # 是否需要验证,验证比较反人类建议false关闭
placeholder: 请在此输入您的留言 # 默认留言框内的文字
avatar: mm # 默认头像
guest_info: nick,mail # 默认留言框的头部需要访问者输入的信息
pageSize: 10 # pagination size #默认单页的留言条数
OK,至此已经已经完成配置并成功开启,Hexo g -d
看效果吧。