首页 > 其他分享> > Valine评论+配置开启邮箱提醒

Valine评论+配置开启邮箱提醒

2021-11-15 11:01:57 作者：互联网

最近花了两三天的时间修改了他人的简历项目，改成了自己喜欢的样子

2021/11/14

Valine评论

本文将详细说明如何使用Valine，如果想使用我修改后的主题，可以访问下面链接

原文链接：github简历项目

github链接：https://github.com/aeneag/resume-hexo

快速开始

介绍 | Valine 一款快速、简洁且高效的无后端评论系统。

官网快速开始，简单明了

注册leancloud，这里不多做介绍，新建一个应用，获取key值
在自己的页面上插入script

 1<section class="comments" id="comments"  
 2    style="margin-top:40px;
 3	   padding:15px 15px 1px 10px;
 4 	   background-color: #fff;   
 5	   box-shadow: 0px 0px 40px #845ec2;
 6	   border-radius: 10px;">
 7    </section> 
 8
 9    <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>   
10    <script src='//unpkg.com/valine/dist/Valine.min.js'></script>  
11    <!-- Valine Comments script -->  
12    <script>   
13          new Valine({  
14            el: '#comments',  
15            appId: "<%= theme.valine.appId %>",  
16            appKey: "<%= theme.valine.appKey %>",  
17            avatar: "<%= theme.valine.avatar %>", 
18            placeholder: "<%= theme.valine.placeholder %>",  
19            pageSize: "<%= theme.valine.pageSize %>",   
20          })		     	  
21     </script>

配置_config.yml,添加

1valine:   
2  appId: ***
3  appKey: ***
4  avatar: monsterid  
5  placeholder: 请在这里书写你想说的话~  
6  pageSize: 15
7  visitor: true

关于具体参数详情，可以从官网看到

部署评论邮箱提醒

添加邮件提醒最经典的是由云淡风轻开发的valine-admin项目，基于Leancloud的云引擎的邮件通知、垃圾评论识别和评论管理面板等等功能，具体可以看此项目的源码。本文主要讲解基础的valine-admin配置。

如果直接在leancloud部署该项目，可能会出错，可以看我fork的仓库，修改信息已标注。

详情链接：GitHub - aeneag/Valine-Admin: 一个 Valine 的拓展应用，用来增强 Valine 的邮件通知。

打开leancloud

云引擎-->部署-->git部署，填写github仓库网址，然后部署

QQ截图20211114144131.png

自定义环境变量

变量名	说明	值
SITE_NAME	博客站点的名字	DxinXia
SITE_URL	博客的URL	https://dxinxia.icu
SMTP_SERVICE	SMTP服务器提供商	163
SMTP_USER	SMTP登录用户	使用的邮箱地址
SMTP_PASS	SMTP登录密码（授权码）	这里是授权密码
SENDER_NAME	邮箱发件人名称	DxinXia