0%

为博客文章增加Valine评论系统

目前常用的评论系统有以下这些:

  • Github大礼包:gitmentgitalk(推荐),gitter(推荐); 三个都支持Markdown;

  • 基于leancloud的无后端评论系统:Valine(推荐,支持Markdown);

  • 国外的有几个:disqus(漂亮,但需翻墙),hypercomments(推荐,不支持Markdown)。

来试试如何用Valine搭建评论系统吧。

注册LeanClound,获取APP ID 和 APP Key

Valine 是基于 LeanCloud 作为数据存储的,所以需要注册一个账号,因为备案与否的关系,选择在国际区注册,在注册完成后,需要创建应用。

点击存储设置,查看是否有CommentCounter,没有则创建,权限设为无限制。

安全中心里将除数据存储之外的服务全部关闭。

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

在Hexo Next主题中配置

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

修改博客项目目录下的_config.next.yml文件:

1
2
3
4
# Valine
# valine: //cdn.jsdelivr.net/npm/valine@1/dist/Valine.min.js
# valine: //cdnjs.cloudflare.com/ajax/libs/valine/1.3.10/Valine.min.js
valine:https://cdn.jsdelivr.net/npm/valine@1.4.14/dist/Valine.min.js

以及

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
valine:
enable: true
appid: # Your leancloud application appid
appkey: # Your leancloud application appkey
notify: false # Mail notifier
verify: false # Verification code
placeholder: Just go go # Comment box placeholder
avatar: mm # Gravatar style
guest_info: nick,mail,link # Custom comment header
pageSize: 10 # Pagination size
language: # Language, available values: en, zh-cn
visitor: false # Article reading statistic
comment_count: true # If false, comment count will only be displayed in post page, not in home page
recordIP: false # Whether to record the commenter IP
serverURLs: # When the custom domain name is enabled, fill it in here (it will be detected automatically by default, no need to fill in)
#post_meta_order: 0

appid及appkey就填写我们从LeanClound那里获得的信息。

利用Valine Admin进行评论管理

Valine Admin 是Valine的扩展和增强,主要实现评论邮件通知、评论管理、垃圾评论过滤等功能。支持完全自定义的邮件通知模板,基于 Akismet API 实现准确的垃圾评论过滤。

部署

  1. Leancloud 云引擎部署界面,填写代码库并保存:https://github.com/DesertsP/Valine-Admin.git

  1. Leancloud 云引擎设置界面,设置环境变量以及 Web 二级域名。

  2. 环境变量说明

变量 示例 说明
SITE_NAME Deserts [必填]博客名称
SITE_URL https://nokiasonic.github.io [必填]首页地址
SMTP_SERVICE [新版支持]邮件服务提供商,支持 QQ、163、126、Gmail 以及 更多
SMTP_USER xxxxx@hotmail.com [必填] SMTP 登录用户, 这个在注册访问管理员注册页面https://nokiasonic.github.io/sign-up,会用作注册管理员登录信息。
SMTP_PASS ccxxxxxxxxch [必填] SMTP 登录密码(QQ邮箱需要获取独立密码)
SENDER_NAME nokiasonic [必填]发件人
SENDER_EMAIL xxxxx@hotmail.com [必填]发件邮箱
ADMIN_URL https://xxx.avosapps.us [建议] Web 主机二级域名,用于自动唤醒
BLOGGER_EMAIL xxxxx@hotmail.com [可选]博主通知收件地址,默认使用 SENDER_EMAIL
AKISMET_KEY xxxxxxxxxxxx [可选] Akismet Key 用于垃圾评论检测,设为 MANUAL_REVIEW 开启人工审核,留空不使用反垃圾

登入ADMIN_URL对应的链接,可以进行评论的查看及管理。