前言

Valine 诞生于2017年8月7日,是一款基于Leancloud的快速、简洁且高效的无后端评论系统。

其特性是开源、快速、安全、表情、Markdown、无后端,可以快速接入,但也缺少一些功能,Valine还有一个他人 fork 的版本,修复、增加了许多功能,参见:Valine增强版本文档

更多介绍参见官方文档:https://valine.js.org

我的博客使用的就是 Valine 评论系统,但是对于文章下面的评论作者需要及时看到并处理,所以今天我在Valine中配置了邮件提醒功能,做一次记录。

Valine邮件提醒

我的博客应用的主题是Hexo-Theme-Sakura, Valine 评论系统的基本功能已经开启可以使用,下面只记录添加邮件提醒拓展相关步骤。
test submit commentsValine评论功能是基于Leancloud的,Valine官方提供的邮件提醒功能是基于Leancloud的密码重置邮件提醒,操作步骤如下:

  1. 进入Leancloud>选择你的评论所存放的应用>设置>邮件模板,按下图设置好用于重置密码的邮件主题>然后保存:

在这里插入图片描述

  1. 修改邮件主题:你在的评论收到了新的评论

修改内容:将下面的代码复制到“内容”中,并将其中的你的网址首页链接改为你的网址首页链接。

<p>Hi, {{username}}</p>
<p>
你在 {{appname}} 的评论收到了新的回复,请点击查看:
</p>
<p><a href="你的网址首页链接" style="display: inline-block; padding: 10px 20px; border-radius: 4px; background-color: #3090e4; color: #fff; text-decoration: none;">马上查看</a></p>
  1. 点击“保存”按钮
  2. 修改 Sakura 主题配置文件,位置在:你的网站根目录\themes\Sakura\layout_partial\comment.ejs,添加一行:
    ==notify: true,==,最终配置如下:
<% if (theme.valine && post.comments) { %>
<div id="vcomments"></div>
<script>
  window.onload = function(){
      var valine = new Valine();
      valine.init({
        el: '#vcomments',
        appId: "<%= theme.v_appId %>",
        appKey: "<%= theme.v_appKey %>",
        path: window.location.pathname,
        placeholder: "你是我一生只会遇见一次的惊喜 ...",
        avatar:'wavatar', //用不同面孔和背景组合生成的头像
        notify: true, // 邮件提醒!!!
        verify: true, // 验证码
      })
  }
</script>
<% } %>
  1. 在评论区新增评论(留下邮箱地址),换个浏览器回复测试下;
    在这里插入图片描述
  2. 在我的阿里云邮箱成功收到了邮件提醒,大功告成!
    在这里插入图片描述

注意事项

  • 发送次数过多,可能会暂时被Leancloud 屏蔽邮件发送功能
  • 由于邮件提醒功能使用的Leancloud的密码重置邮件提醒,只能传递昵称、邮箱两个属性,所以邮件提醒链接无法直达指定文章页。请悉知。
  • 开启邮件提醒会默认开启验证码选项。
  • 该功能目前还在测试阶段,谨慎使用。
  • 目前邮件提醒正处于测试阶段,仅在子级对存在邮件地址的父级发表评论时发送邮件

一个极客迷