基于Hexo框架快速搭建个人博客--评论功能（二）

---

• 博客链接： 会思想的苇草i
• 文章链接：
  • 基于Hexo框架快速搭建个人博客–搭建（一）
  • 基于Hexo框架快速搭建个人博客–评论功能（二）
  • 基于Hexo框架快速搭建个人博客–部署（三）
  • 基于Hexo框架快速搭建个人博客–文章写作（四）
  • 基于Hexo框架快速搭建个人博客–文章一键发布（五）

---

1、Valine简介

• 在前面我们已经实现了博客的大致功能，但是没有添加评论模块，因此在此使用 Valine来添加评论功能

• Valine 诞生于 2017 年 8 月 7 日，是一款基于 LeanCloud 的快速、简洁且高效的无后端评论系统。理论上支持但不限于静态博客，目前已有 Hexo、Jekyll、Typecho、Hugo、Ghost 等博客程序在使用 Valine

• Github地址 ：Valine Github

2、LeanCloud

1. 首先在LeanCloud创建账号并登录
2. 点击左上角创建应用：

3. 填写基本信息，应用名称随意，计价方案选择开发版，点击创建：

4. 点击创建好的应用的设置，选择应用凭证并复制appid和appkey，便于后续使用：

5. 查看评论：点击 存储 -> 结构化数据，选择 创建 Class，名称 Comment，其他保持默认，以后就可在此 Class 内查看

6. 点击 存储 -> 结构化数据，选择创建 Class，名称 Counter，其他保持默认，以后就可在此 Class 内查看

3、Valine配置与优化

• 来到hexo博客ayer主题的_config.yml配置文件中，将配置文件中的enable修改为true，并将刚刚获取的appid与appkey填入相应位置。修改完成后每一篇博客的篇尾便会出现评论系统

• 去除Valine的Powered By，在hexo-theme-ayer/source/css/custom.styl 文件中，添加以下内容：

• 更改评论头像，可以参考头像配置说明，选择对应的样式填入即可：
• 

4、总结

• 评论功能主要依靠Valine实现，除了文章中描述到的基本内容，还可以参考官方文档对评论功能进行优化和改善，做出更美观的评论界面。