Fork me on GitHub

Valine--一个部署在LeanCloud上的博客评论系统

使用Valine来为你的博客添加评论系统

众多博客评论系统现状

  • 多说 【已死】
  • 网易云跟帖 【已死】
  • 畅言 【需要备案】
  • 来比力(LiveRe) 【国外服务,加载贼拉慢,还需翻墙】
  • Disqus 【国外服务,加载贼拉慢,还需翻墙】
  • Hypercomments 【国外服务,加载贼拉慢,还需翻墙】
  • Valine 【逼格高、操作无脑】

我的博客是使用的next主题5.1.4版本,已经贴心地集成了Valine,所以还有什么理由不使用它呢~

Valine特性

  • fast
  • secure
  • 无后端实现
  • 完美支持Markdown语法(与Hexo巨配)
  • 轻量
  • 操作无脑(…)

Valine部署

获取appid和appkey

  1. 因为Valine是部署在LeanCloud上的,故首先需在LeanCloud上登录或注册账号。

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

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

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

Hexo-NexT中的Valine的开启和设置

  1. Hexo-NexT中已经默认安装了Valine插件,如果没有可以使用以下命令安装:

npm install valine --save

  1. 完成后,在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即可进行添加、删除等操作。

Adhere to original technology sharing, your support will encourage me to continue to create!