02 Hexo博客Butterfly主题配置博客评论邮件提醒

快来打我* 2023-02-25 02:26 15阅读 0赞

## 概述 ##

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

## 前提条件 ##

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

## 操作步骤 ##

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

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

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 1][]

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 2][]

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 3][]

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 4][]

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 5][]

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 6][]

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

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

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

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 7][]

以上图片中关于"SMTP\_PASS"的值获取方式如下：

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 8][]

然后点击下方，开启IMAP/SMTP服务，如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 9][]

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 10][]

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 11][]

按上图所示，创建两个定时任务：

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 12][]

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 13][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 14][]

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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70]: /images/20230209/6ce58403790644ce90db07fc08705299.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 1]: /images/20230209/2424dfbb53ad480ca11257fd39b898ab.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 2]: /images/20230209/1cfd63d4a3f84f0e875971ecdb29f7b0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 3]: /images/20230209/f09cf6d287244fc38e80818203e86fb5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 4]: /images/20230209/2db421ceb7294d32a33a558c9ee5ac29.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 5]: /images/20230209/74c38e9510564d7390b606ee2f428f94.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20200710121050308.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20200710121115583.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/2020071012124515.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 9]: https://img-blog.csdnimg.cn/20200710121300724.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 10]: https://img-blog.csdnimg.cn/20200710121318224.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 11]: https://img-blog.csdnimg.cn/20200710121340231.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 12]: https://img-blog.csdnimg.cn/20200710121416609.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 13]: https://img-blog.csdnimg.cn/20200710121431387.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0_size_16_color_FFFFFF_t_70 14]: https://img-blog.csdnimg.cn/20200710121444239.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTE3MDI0,size_16,color_FFFFFF,t_70