使用Valine插件为Hexo博客添加评论功能

Hexo由于其静态特性,具有一定的局限性,因此需要借助于第三方服务来扩展站点的功能。作为一个博客系统,Hexo几乎完美,唯独差了一个最重要的互动功能——访客评论。NexT主题内置了多款第三方评论系统:多说、畅言、有言、disqus、gitment等等,试用过后都觉得差强人意。不经意间发现了Valine,部署简单,界面风格简洁,调用迅速(无后端),还支持Markdown,这简直就是Hexo的绝配。

至于放弃其他几个系统,主要原因有以下:

  • 多说 - 这个不必多说,已经关闭;
  • 畅言 - 搜狐旗下,应该不错,不过域名需要备案才可以使用,是一个不小的门槛;
  • 有言 - jiaThis旗下,使用过程中遇到多次无法在页面中正常加载的情况,不稳定;
  • disqus和gitment - 一句话,远在大洋彼岸不适合国内使用。

Valine简介

Valine(官网)是一款基于Leancloud的快速、简洁且高效的无后端评论系统。

特性

  • 快速
  • 安全
  • 无后端实现
  • MarkDown 全语法支持
  • 轻量易用(~15kb gzipped)

Valine配置及使用

获取appid和appkey

请先登录注册 LeanCloud, 进入控制台后点击左下角创建应用,选择免费的开发版即可。注意右上角有几个节点,可以就近选择。

应用创建好以后,进入刚刚创建的应用,选择左下角的设置>应用Key,然后就能看到你的appidappkey了:

为了数据安全,请注意设置自己的安全域名

Hexo-NexT中的开启和设置

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赶紧去看效果吧。

后期如果需要管理留言,至leancloud/控制台/储存/comment即可进行添加、删除等操作。

坚持原创分享,您的支持将鼓励我继续创作!