微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

2021/11/14

Valine评论

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

原文链接github简历项目

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

快速开始

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

官网快速开始,简单明了

  1. 注册leancloud,这里不多做介绍,新建一个应用,获取key值
  2. 在自己的页面上插入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>
  1. 配置_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博客的URLhttps://dxinxia.icu
SMTP_SERVICESMTP服务器提供商163
SMTP_USERSMTP登录用户使用的邮箱地址
SMTP_PASSSMTP登录密码(授权码)这里是授权密码
SENDER_NAME邮箱发件人名称DxinXia

QQ截图20211114145233.png

关于邮箱授权密码可以百度一下是怎么回事。

评论管理

如果 你有域名的情况下,可以开通一个二级域名,作为后台管理

在存储—>结构化数据—>_User中添加用户

使用_user中的账号密码就可以登录。记住!一定要添加用户密码,邮箱这三项

绑定域名

QQ截图20211114151339.png

这里配置域名就是需要你在你的域名管理商那重新重定向一下。

配置好后,就可以打开后台管理了,这里注意,登录名是邮箱!!!

如果对修改说明不理解,欢迎访问我的个人博客https://aeneag.xyz
也可以添加微信一起交流,共同进步

公众号'技术乱舞'

个人公众号

个人微信

个人微信

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐