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
也可以添加微信一起交流,共同进步

公众号'技术乱舞'

个人公众号

个人微信

个人微信

原文地址:https://blog.csdn.net/aeneag/article/details/121330002

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

相关推荐


咱们在vscode中使用copilot的过程中,有可能会涉及到个人账号和其他账号的互相切换,在网上找了半天都没找到相应的资料,于是就自己摸索了一下,终于找到了方法。解决思路:经过试验,github copilot插件是使用的vsc
这篇文章给大家介绍怎么在GitHub上快速找到实用资源,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。搜热门:GitHub Trend 和 GitHub Top...
这篇文章主要介绍“github缓存穿透的解决方法是什么”,在日常操作中,相信很多人在github缓存穿透的解决方法是什么问题上存在疑惑,小编查阅了各式资料,整理出...
本篇内容介绍了“github线性回归怎么实现”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧...
怎样使用GitHub,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。GitHub简介...
今天小编给大家分享一下GitHub的高级搜索方法有哪些的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下...
这期内容当中小编将会给大家带来有关Github 1.9K Star的数据治理框架Amundsen如何理解,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可...
本篇文章为大家展示了git如何设置代理提升github clone速度,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。github...
本篇内容介绍了“github怎么实现FaceU边框模糊效果”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理...
本篇内容介绍了“GitHub基础操作有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧...
这篇文章主要介绍了Github操作技巧实例分析的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Github操作技巧实例分析文章都会有
今天小编给大家分享一下github设备激活的方法的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大...
本文小编为大家详细介绍“GitHub的命令行工具有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“GitHub的命令行工具有哪些”文章能帮助大家解决疑惑,下面...
本篇内容主要讲解“GitHub网页githubusercontent地址无法访问怎么解决”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大...
本文小编为大家详细介绍“怎么使用Github Action发布jar到Maven中央仓库”,内容详细,步骤清晰,细节处理妥当,希望这篇“怎么使用Github Action发布jar到Maven...
本文小编为大家详细介绍“GitHub中如何修改默认的分支”,内容详细,步骤清晰,细节处理妥当,希望这篇“GitHub中如何修改默认的分支”文章能帮助大家解决疑惑...
这篇“Github访问速度慢及图片加载慢问题怎么处理”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价
这篇文章主要介绍“vue项目打包上传github并制作预览链接的方法”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“vue...
这篇文章主要讲解了“访问不了github怎么处理”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“访问不了gith...
今天小编给大家分享一下GitHub访问不了怎么解决的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希