本文最后更新于2020年11月14日,已超过 3 个月没更新!

Hexo搭建个人博客(四)

其实网站服务器已经搭建好,这篇博客是对前面的简单加深,这篇的目的是如何添加评论系统

因为Hexo没有自带的评论系统,所以需要第三方评论系统

本篇以免费无需登录的 Valine 为例

选择原因:Valine 免费,简洁,无需登录,集成好,方便

许多Hexo主题已经自带Valine,不过需要获取appid和appkey

1、注册登录Leancloud

LeanCloud是国内一家BaaS服务提供商,为移动应用开发提供稳定、可靠的后端云服务,业务范围既包括数据存储和云代码托管,也包括提供消息推送、应用统计等通用的移动开发组件,以及完善的技术支持和服务。

所有评论是放在LeanCloud数据库中的,所以如果想要删除评论等操作,需要在LeanCloud中操作

2、创建应用

  • 单击创建应用,名称自己随便起,选择开发版就可

imgbed.cn图床

3、修改数据库

  • 创建完成后,打开应用(点击应用右上角的齿轮 设置)

imgbed.cn图床

  • 点击左边的存储,查看是否有Comment和 Counter

imgbed.cn图床

  • 如没有则创建,权限设为所有用户,点击左上角“创建Class”,设置如图,设置为无限制,点击创建
  • 注意:Class名称必须是CommentCounter,不能是其他的名称

imgbed.cn图床

4、安全设置

  • 点击设置 → 安全中心 ,将除了数据存储的服务全部关闭,并绑定web安全域名,防止恶意调用。
  • 服务开关如图所示,只开启数据存储,Web安全域名输入自己的域名。

imgbed.cn图床

5、获取应用Keys

  • 进入应用->设置->应用Keys
  • 获取AppID和AppKey

imgbed.cn图床

6、配置Hexo Valine

  • 打开本地博客目录,打开主题配置文件_config.yml,搜索 valine,填入appId 和 appKey
valine:
  enable: true                          #这里改成TRUE
  appId: xxxxxxxxxxxxxxxxxxxxxxxxxxx    #AppID号填入这里
  appKey: xxxxxxxxxxxxxxxxxxxxxxxxxxx   #AppKey号填入这里
  notify: false
  verify: false
  visitor: true
  avatar: 'mm' # Gravatar style : mm/identicon/monsterid/wavatar/retro/hide
  pageSize: 10
  placeholder: 'my name is lavender' # Comment Box placeholder
  background: /medias/comment_bg.png

7、重新部署Hexo

  • 打开博客目录,地址栏输入cmd,输入
hexo clean 
hexo g -d

8、可能出现的问题

  1. 这是 5.1.3版本 的配置文件
valine:
  enable: true
  appid: 
  appkey: 
  notify: false # mail notifier , https://github.com/xCss/Valine/wiki
  verify: false # Verification code
  placeholder: 'my name is lavender' 
  1. 这是 6.0.1版本 的配置文件
valine:
  enable: true
  app_id: 
  app_key: 
  notify: false # mail notifier , https://github.com/xCss/Valine/wiki
  verify: false # Verification code
  placeholder: 'my name is lavender'
  avatar: mm # gravatar style
  guest_info: nick,mail,link # custom comment header
  pageSize: 10 # pagination size
  1. 目前Matery主题的配置文件是这样
valine:
  enable: true              
  appId: 
  appKey: 
  notify: false
  verify: false
  visitor: true
  avatar: 'mm' # Gravatar style : mm/identicon/monsterid/wavatar/retro/hide
  pageSize: 10
  placeholder: 'my name is lavender' # Comment Box placeholder
  background: /medias/comment_bg.png
  • 注意到了吗?
  • appId 和 appKey 这两个字段名是不一样的,如果字段名不对,那么是不会去加载Valine.min.js文件,也就是评论系统根本不会生效,这是容易出现的问题

疏影横斜水清浅,暗香浮动月黄昏