# Hexo 搭建个人博客（四）
其实网站服务器已经搭建好，这篇博客是对前面的简单加深，这篇的目的是如何添加评论系统
因为 Hexo 没有自带的评论系统，所以需要第三方评论系统
本篇以免费无需登录的 Valine 为例
选择原因：Valine 免费，简洁，无需登录，集成好，方便
许多 Hexo 主题已经自带 Valine，不过需要获取 appid 和 appkey
# 1、注册登录 Leancloud
LeanCloud 是国内一家 BaaS 服务提供商，为移动应用开发提供稳定、可靠的后端云服务，业务范围既包括数据存储和云代码托管，也包括提供消息推送、应用统计等通用的移动开发组件，以及完善的技术支持和服务。
所有评论是放在 LeanCloud 数据库中的，所以如果想要删除评论等操作，需要在 LeanCloud 中操作
LeanCloud 网站：https://www.leancloud.cn/
注册登录后需要实名认证，按照操作实名认证就 OK
# 2、创建应用
- 单击创建应用，名称自己随便起，选择开发版就可
# 3、修改数据库
- 创建完成后，打开应用（点击应用右上角的齿轮 设置）
- 点击左边的存储，查看是否有 Comment 和 Counter
- 如没有则创建，权限设为所有用户，点击左上角 “创建 Class”，设置如图，设置为无限制，点击创建
- 注意：Class 名称必须是
Comment和Counter，不能是其他的名称
# 4、安全设置
- 点击设置 → 安全中心，将除了数据存储的服务全部关闭，并绑定 web 安全域名，防止恶意调用。
- 服务开关如图所示，只开启数据存储，Web 安全域名输入自己的域名。
# 5、获取应用 Keys
- 进入应用 -> 设置 -> 应用 Keys
- 获取 AppID 和 AppKey
# 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、可能出现的问题
- 这是 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' |
- 这是 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 |
- 目前 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 文件，也就是评论系统根本不会生效，这是容易出现的问题
