一、概述

个人博客搭建成功后已经上线运行了好久,但是一直没有时间配置评论区的邮件提醒功能,所以今晚有时间就抽空配置了,然后将操作过程做一下记录。

二、前提条件

  • 一个已经上线运行的Hexo博客(至于用什么主题都是没有强制要求的)

三、操作步骤

1、为博客配置Valine评论系统

Hexo博客支持的评论系统其实有很多,像之前使用过的来比力啥的,但是目前好多博客都配置了Valine,所以我博客也选择了这一款评论系统,原因无他:轻量级、访问速度快、配置过程简单,以上三个原因足够我使用它了。

Valine评论系统的配置其实很简单,大家直接看它的官网文档还是随便百度一下配置过程,都有大量的资料。在这里就简单介绍一下。

1.1、首先要去LeanCloud官网(https://www.leancloud.cn/)注册一个帐号,账号注册成功后,我们在控制台创建一个应用,如下:

img

img

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

img

1.3、然后将AppID和AppKey这两个属性值复制粘贴到Butterfly主题的配置文件中,其他主题也类似,粘贴到主题的配置文件中即可,如下:

img

1.4、此时,我们的博客页面已经出现了评论面板了,如下所示:

img

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

img

1.6、如果配置完之后没有出现评论面板,那你可要认真看看对应的主题应该怎么配置Valine评论系统了,比如博主使用最新版的Butterfly主题后,配置了Valine但是没有出现评论面板,经过大佬的指导才发现是漏写了一处配置,如下:

img

加上以上语句就可以正常显示评论面板了,我们也可以正常留言评论。

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

为博客配置了评论系统后,如果你不是一个追求完美的小伙伴的话,其实博客已经优化的差不多了,但是博主还希望它可以做到如果有小伙伴在博客上留言了的话,可以直接邮件提醒博主,所以接下来就介绍下为Valine评论系统增加邮件提醒功能的配置过程。

首先要注意的是,目前LeanCloud中的面板已经改版了,所以网上很多关于配置邮件提醒的博客文档里的图片已经不太适用,有些按钮、面板我们在新的界面中找不到,所以我才将配置过程记录下来。

2.1、打开LeanCloud的控制台,然后进入应用的设置界面,然后通过【云引擎 | 设置】菜单,进入到云引擎的相关配置面板,然后在”自定义环境变量”处新建以下变量名和值:

img

变量 示例 说明
SITE_NAME X北辰北个人博客 [必填]博客名称
SITE_URL http://www.xbcb.top [必填]首页地址
SMTP_SERVICE QQ [新版支持]邮件服务提供商,支持 QQ、163、126、Gmail 以及 更多
SMTP_USER 2250685378@qq.com [必填]SMTP登录用户
SMTP_PASS xxxxxxxxxxx [必填]SMTP授权码(看下方内容)
SENDER_NAME X北辰北 [必填]发件人
SENDER_EMAIL 2250685378@qq.com [必填]发件邮箱
ADMIN_URL http://www.xbcb.top [建议]Web主机二级域名,用于自动唤醒
BLOGGER_EMAIL 2250685378@qq.com [可选]博主通知收件地址,默认使用SENDER_EMAIL
AKISMET_KEY xxxxxxxxxxxx [可选]Akismet Key 用于垃圾评论检测,设为MANUAL_REVIEW开启人工审核,留空不使用反垃圾

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

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

img

然后点击下方,开启IMAP/SMTP服务,如下:

img

开启后会得到一串字符串,将那一串字符串复制粘贴到云引擎面板中的SMTP_PASS属性后面作为它的值。

2.2、接下来部署生产环境。依次点击【云引擎 | 部署】菜单,打开部署界面,然后通过如下所示部署Valine-Admin,如下:

img

以上的GitHub地址如下https://github.com/DesertsP/Valine-Admin.git,必须配置这个地址,不然我们点击部署按钮后,它在部署过程中会报错。

2.3、部署成功后,我们设置定时任务,因为免费的LeanCloud会有自动休眠模式,所以要设置定时任务然它自动重启,操作过程如下:

img

按上图所示,创建两个定时任务:

1.自动唤醒
Cron表达式为 0 0/30 7-23 * * ? 表示每天早7点到晚23点每隔30分钟访问云引擎
2.每天定时检查24小时内漏发的邮件通知
Cron表达式为 0 0 8 * * ? 定时检查24小时内漏发的邮件通知

2.4、定时任务设置完成后,我们为云引擎绑定一个域名,为了保证后续邮件提醒功能正常。但是在此处要求是一个备案的域名,所以博主就绑定了两个,一个备案的域名绑定成功了,一个没备案的域名绑定失败了,但是好像都最终对邮件提醒没影像,所以猜测应该不需要绑定域名,这就看大家了,喜欢绑定的话就像下图这样绑定即可:

img

2.5、到此为止,我们的邮件提醒已经可以正常工作了,我们在博客中评论一下来进行测试,如下:

img

img

2.5、今天的介绍就到这里,至于邮件提醒的模板那些属于美化的东西了,大家直接百度就可以查得到,差别并不是很大的。