Butterfly主题配置Valine评论及邮件提醒

概述

博客也上线很久了，但之前配置的Valine评论系统注册使用的LeanCloud是国内版-华北节点的，由于国内的域名需要审核备案，比较麻烦，因此改用LeanCloud国际版，顺便记录一下博主踩过的坑。

为博客配置Valine评论系统

Valine评论系统的配置其实很简单，在这里就简单介绍一下。

• 首先要去LeanCloud官网注册一个帐号，账号注册成功后，我们在控制台创建一个应用，如下：

• 应用创建完成后，点击应用小卡片右上角的设置按钮进入到应用设置面板，在此面板下的【设置 | 应用Keys】菜单下，获取应用的AppID和AppKey，如下图：

• 然后将AppID和AppKey这两个属性值复制粘贴到Butterfly主题的_config.yml配置文件中，由于之前配置了华北节点的AppID和AppKey,只需要将国际版的AppID和AppKey复制粘贴过去即可。代码如下：

valine:
  enable: true # if you want use valine,please set this value is true
  appId: 在国际版的配置中心查看并粘贴 # leancloud application app id
  appKey: 在国际版的配置中心查看并粘贴 # leancloud application app key
  notify: false # valine mail notify (true/false) https://github.com/xCss/Valine/wiki
  verify: false # valine verify code (true/false)
  pageSize: 10 # comment list page size
  avatar: monsterid # gravatar style https://valine.js.org/#/avatar
  lang: en # i18n: zh-cn/en
  placeholder: 来吧，造作吧，快活吧，肆无忌惮吧！(～￣▽￣)～ # valine comment input placeholder(like: Please leave your footprints )
  guest_info: nick,mail,link #valine comment header info
  recordIP: false # Record reviewer 
  serverURLs: # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in)
  bg: /img/comment_bg.png # valine background
  count: true # top_img显示评论数

• 此时，我们的博客页面已经出现了评论面板了，如下所示：

• 最后，我们在leancloud中的应用设置界面中，通过【设置 | 安全中心】菜单，将我们博客的域名添加到安全中心，如下：

• 如果配置完之后没有出现评论面板，那你可要认真看看对应的主题应该怎么配置Valine评论系统了，如果使用最新版的Butterfly主题后，配置了Valine但是没有出现评论面板，应该是漏写了一处配置，如下：

加上以上语句就可以正常显示评论面板了，当然了，修改了配置文件得需要重新部署上传才能生效。

为Valine评论系统增加邮件提醒功能

配置了Valine评论系统就能在博客查看评论留言，如果别人给我发的评论，我还要到后台去看，实在是太麻烦了，于是找到了一个好项目valine-admin。Valine Admin是Valine评论系统的扩展和增强，主要实现评论邮件通知，评论管理，垃圾评论过滤等功能。

本博客教程使用LeanCloud国际版做演示，注意要进入的是国际版，以免出问题也不知道问题在哪。

云引擎“一键”部署

进入评论系统数据库所在的LeanCloud应用。进入“云引擎-设置”，设置环境变量以及云引擎域名。**以下参数需要正确设置。云引擎域名（ADMIN_URL参数）用于评论后台管理，如 。

变量	示例	说明
SITE_NAME	沙漠	[必填]博客名称
SITE_URL	http://www.xyym.cf/	[必填]博客首页地址
SMTP_SERVICE	QQ	[新版支持]邮件服务提供商，支持QQ，163、126，Gmail以及更多
SMTP_USER	xxxxxx@qq.com	[必填] SMTP登录用户
SMTP_PASS	ccxxxxxxxxch	[必填] SMTP登录密码（QQ邮箱需要获取独立密码,也就是授权码）
发件人名称	沙漠	[必填]发件人
SENDER_EMAIL	xxxxxx@qq.com	[必填]发件邮箱
ADMIN_URL	https://xxx.leanapp.cn/	[建议] Web主机二级域名（云引擎域名），用于自动唤醒
BLOGGER_EMAIL	xxxxx@gmail.com	[任选]博主通知收件地址，替换使用SENDER_EMAIL
AKISMET_KEY	xxxxxxxx	[任选] Akismet键用于垃圾评论检测，设置MANUAL_REVIEW打开人工审核，留空不使用反垃圾

以上图片中关于”SMTP_PASS”的值获取方式如下：

首先打开QQ邮箱界面，然后依次点击【设置 | 账户】菜单，如下：

然后下拉到下方，找到开启IMAP/SMTP服务，如下：

开启后会得到一串字符串，将那一串字符串复制粘贴到云引擎面板中的”SMTP_PASS”属性后面作为它的值。要是先前开启了QQ邮箱登录保护，导致”开启服务”不能使用，用手机下载”QQ安全中心”，先把”邮箱登录保护”关闭就可以使用了。

切换到“云引擎-部署”，部署模式选择“部署项目-Git部署”，分支“主”，手动部署目标环境为“生产环境”在Leancloud云引擎设置界面，填充代码库并保存：https://github.com/DesertsP/Valine-Admin.git，设置好即可一键部署了。

评论管理

首先需要设置管理员信息。访问管理员注册页面https://云引擎域名/sign-up，注册管理员登录信息，如：https://xyym.avosapps.us/sign-up ,注册好QQ邮箱号和密码之后即可登录管理评论信息了。

• 注：使用原版Valine如果遇到注册页面不显示直接重定向至登录页的情况，请手动删除_User表中的全部数据。

定时任务设置

关于自动休眠的官方说法：点击查看。目前实现了两个云函数定时任务来解决云引擎休眠的问题：

• 自动唤醒，定时访问Web APP二级域名阻止云引擎休眠；
• 每天定时检查过去24小时内漏发的邮件通知。

进入“云引擎-定时任务”，创建两个定时任务。

选择self-wake云函数，Cron表达式为0 */30 0-16 * * ?，表示每天早0点到晚16点每隔30分钟访问云引擎。

选择resend-mails云函数，Cron表达为0 0 0 * * ?，表示每天0点检查过去24小时内漏发的通知邮件并补发。

• 关于国际版时区的问题：国际版使用UTC-0时间，注意与内部时间对应。

至此，Valine Admin已经可以正常工作。