Valine评论系统

在前面的文章中,我们基本把Hexo博客的框架搭建好了和实现了主题的部分美化,接下来我开始慢慢介绍一些进阶设定。

这次是Hexo 在Next主题下配置Valine评论系统

为什么选择Valine

在笔者进行评论系统选择时,我觉得我的需求就是方便,简洁,最重要一点是要支持Markdown ,对比之下,最终选定了这款Valine,当然,如果你不喜欢这样简洁的,可以参考 Hexo(NexT 主题)评论系统哪个好?

第一步,注册LeanClound,获取APP ID 和 APP Key

Valine 是基于 LeanCloud 作为数据存储的,所以需要注册一个账号,注册完成后,我们找到创建应用img

在这里填写你的应用名称,名称可以自己定义,然后下面选择开发版 点击创建

然后点击应用进入设置。img

在设置页,我们首先点击存储,查看是否有CommentCounter,没有则创建,权限设为无限制。

img

然后点击设置 > 安全中心 ,将除了数据存储的服务全部关闭。

img

最后点击应用 Key 取得我们 AppKeyApp id

在Hexo Next主题中配置

首先打开 https://www.jsdelivr.com/package/npm/valine 获取最新的 valine.min.js 的cdn地址:

img

根目录_config.next.yml

1
2
3
4
valine:
enable: true
appid: FKqz # Your leancloud application appid
appkey: MUj7 # Your leancloud application appkey

其他设置

指定文章(页面)评论功能是否开启

在 Hexo 博客中,评论的功能是在所有页面都默认开启的,但是有的时候我们在页面上不需要显示评论功能,例如分类,标记页面我们并不需要评论功能。

我们可以在 Front-matter 中通过comments属性设置true或false控制该页面或者是文章的评论功能是否打开,如我设置标签页面的评论功能关闭:

1
2
3
4
title: 标签
date: 2019-07-18 15:16:50
type: "tags"
comments: false