hugo博客开启valine评论系统配置

valine特性

• 快速
• 安全
• Emoji 😉
• 无后端实现
• MarkDown 全语法支持
• 轻量易用
• 文章阅读量统计 v1.2.0+

LeanCloud介绍

LeanCloud（原 AVOS Cloud） 是针对移动应用的一站式云端服务，专注于为应用开发者提供工具和平台。提供包括LeanStorage 数据存储、LeanMessage 通信服务、LeanAnalytics 统计分析、LeanModules 拓展模块等四大类型的后端云服务，加速应用开发。

这里以valine为例讲解一下如何配置，其余博客诸如hexo等，都是大同小异。

主要步骤分为两步：

1. leancloud注册获取ID和key
2. config.toml配置文件配置参数

leancloud获取APP ID ，APP Key，服务器地址

1. 注册leancloud，国际版和国内版（华东区/华北区）可选，账户不互通的，国际版不需要实名，绑定域名也不需要备案。建议选国际版。

2. 创建一个应用，开发版够用，名称随意。

3. 在设置 > 应用中可查看到 APP ID，APP Key和服务器地址。

注意：服务器地址这里是默认leancloud提供的域名，但是从2022年8月1号开始，这个域名国内不能直接访问了，因此需要绑定自定义api域名。我刚好遇到这个坑，原来用的是默认的域名，后面突然发现不能评论，一通操作才发现这个问题。

4. 绑定域名

   这里只开通评论的话，接3步骤绑定api域名即可，然后去域名管理中心添加一条cname指向它这里的域名，添加好后会显示部署证书，十几分钟后生效，提示已绑定。

   再去应用凭证那里可以看到服务器地址更新为你刚绑定的api域名。

5. 填写安全域名 填写应用 > 设置 > 安全设置中的 Web 安全域名。把你的博客域名添加上去。

由于 App ID 和 App Key 是完全暴露的，任何人都可以访问我们的资源。为了防止他人使用，我们需要配置 Web 安全域名，只有添加的域名才可以使用资源。

config.toml配置

将上面步骤获得的APP ID，APP Key和服务器地址填入以下对应的参数位置。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

#以下配置为 loveit，fixIt主题下的config配置

[params.page.comment.valine]

appId = "填写leancloud里的APP ID"  #参看上面步骤

appKey = "填写leancloud里的APP Key"  #参看上面步骤

avatar = "monsterid" #评论者gravatar头像，参看全球头像那篇文章

enable = true

enableQQ = true  

highlight = true

lang = "zh-CN"  

meta = ['nick', 'mail', 'link']  #评论昵称，邮件，链接三个模块

pageSize = 10 

placeholder = "欢迎交流！匿名昵称留空即可，已开启邮箱留言自动通知提醒。" #评论区提醒文字

recordIP = true  #是否记录ip

serverURLs = "填写leancloud里的服务器地址"  #参看上面步骤

visitor = false  #是否开启访问量统计

#  emoji 数据文件名称，默认是 "google.yml"

# ("apple.yml", "google.yml", "facebook.yml", "twitter.yml")

# 位于 "themes/FixIt/assets/data/emoji/" 目录

# 可以在你的项目下相同路径存放你自己的数据文件：

# "assets/data/emoji/"

commentCount = true #评论统计

emoji = ""  # emoji表情

配置后

记得在文章的前置参数里把comment改为true。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

title: "valine评论系统配置"
subtitle: ""
date: 2022-08-22T11:15:06+08:00

author: "Kingpo"
authorLink: ""
authorEmail: ""
description: ""
keywords: ""
comment: true  #评论开启
weight: 0

运行效果如下：

至此，评论功能已经开启。

可以进行评论了，这里没做限制，任何人均可留言，昵称或邮箱，网址留或不留均可。

valine无后端，那么评论的数据在哪里管理呢。

答案是在leancloud平台上，评论数据都会存储在名为 Comment 的 Class 中，需要自行登陆 LeanCloud 应用 管理。

进入你的应用 > 存储 > Comment，之后你可以对所有评论进行操作。

如果想要评论数据后端管理，并开启实时邮件通知，参看我这篇valine评论设置邮件通知和valine-admin后台管理

我的博客即将同步至腾讯云开发者社区，邀请大家一同入驻：(https://cloud.tencent.com/developer/support-plan?invite_code=2rznedmkkuww8)

关注一下有惊喜

公众号

赞赏支持

微信打赏 支付宝打赏