Kronos Kronos
首页
导航站
  • 前端文章

    • HTML
    • CSS
  • 学习笔记

    • 《JavaScript》
    • 《ES6 教程》
    • 《Vue》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • 《MUI》
    • 小程序笔记
  • Nodejs
  • C#
  • 数据库
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Kronos

纵有疾风起,人生不言弃
首页
导航站
  • 前端文章

    • HTML
    • CSS
  • 学习笔记

    • 《JavaScript》
    • 《ES6 教程》
    • 《Vue》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • 《MUI》
    • 小程序笔记
  • Nodejs
  • C#
  • 数据库
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 技术文档

  • GitHub技巧

  • 博客搭建

    • 解决百度无法收录搭建在GitHub上的个人博客的问题
    • 使用Gitalk实现静态博客无后台评论系统
    • GitHub + jsDelivr + TinyPNG+ PicGo 打造稳定快速、高效免费图床
    • 写作技巧
    • 网站部署
    • Twkioo 评论系统配置谷歌邮箱
    • 技术
    • 博客搭建
    Kronos
    2023-12-23
    目录

    Twkioo 评论系统配置谷歌邮箱

    # 问题

    Twkioo 部署好之后,发现别人评论收不到邮件提醒,在 Twkioo 文档 (opens new window) 上有说明:Vercel 部署的云函数,请配置国外邮件服务商 ,我就是将 Twkioo 部署在 Vercel 上的,想着应该是我配置的是QQ邮箱的原因,在此记录下配置谷歌邮箱的过程。

    # 配置

    邮件基础配置各项都很简单,跟着面板上的说明填写就好了,这是我的配置:

    image-20231223144609536

    # SMTP_PASS 获取

    这里主要记录一下 SMTP_PASS 的获取&配置,Gmail 邮箱要填写邮箱密码,刚开始我以为这个就是谷歌账号的密码,配置过后发现并不是。

    既然不能直接用谷歌账号登陆,那就只能另寻方法了,了解到谷歌有 应用专用密码 这么一个东西:

    应用专用密码是一个 16 位数的密码,可授权安全性较低的应用或设备访问您的 Google 账号。

    # 创建和使用应用专用密码

    重要提示 若要创建应用专用密码,需要为 Google 账号开启两步验证。

    1. 转到你的 Google 账号 (opens new window)。

    2. 选择安全性。

    3. 在“登录 Google”下,选择两步验证。【如果没有开启,这里要进行验证来启用】

      image-20231223151027240

    4. 在页面底部,选择应用专用密码。

      image-20231223151409084

    5. 输入一个名称,方便记住在哪些应用/设备中使用应用专用密码。

    6. 点击创建。【这里生成的专用密码只显示一次,记得保存】

      image-20231223151637718

    返回到 Twikoo 管理面板,将你刚才生成的应用专用密码填写到 SMTP_PASS ,然后保存。

    通过管理面板上的测试发送,结果如下图就是成功了

    image-20231223152330807

    # 后记

    PS 在评论区发送评论还有可能接收不到邮件通知,这是因为 新部署的 Vercel 环境默认启用了一项功能 “Vercel Authentication”,该功能会导致 Twikoo 邮件通知失败 要去 Vercel 部署的环境中将 Vercel Authentication 关闭,具体问题见 这里 (opens new window)

    image-20231223153418914

    编辑 (opens new window)
    #评论系统
    上次更新: 2024/11/27, 05:34:36
    网站部署

    ← 网站部署

    最近更新
    01
    使用 API 调用训练后的 DeepSeek
    02-10
    02
    DeepSeek本地训练
    02-08
    03
    DeepSeek本地部署
    02-08
    更多文章>
    Theme by Vdoing | Copyright © 2023-2025 Kronos | 豫ICP备2021038004号-1
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式