【开源自荐】Loven7 Mail:给 Cloudflare Temp Email 做了一套带验证码快捷复制、多邮箱分享的现代前端

本帖使用社区开源推广,符合推广要求。我申明并遵循社区要求的以下内容: 我的帖子已经打上 开源推广 标签: 是 我的开源项目完整开源,无未开源部分: 是 我的开源项目已链接认可 LINUX DO 社区: 是 我帖子内的项目介绍,AI生成、润色内容部分已截图发出: 是 以上选择我承诺是永久有效的,接受社...
【开源自荐】Loven7 Mail:给 Cloudflare Temp Email 做了一套带验证码快捷复制、多邮箱分享的现代前端
开源自荐】Loven7 Mail:给 Cloudflare Temp Email 做了一套带验证码快捷复制、多邮箱分享的现代前端
本帖使用社区开源推广,符合推广要求。我申明并遵循社区要求的以下内容:
  • 我的帖子已经打上 开源推广 标签:
  • 我的开源项目完整开源,无未开源部分:
  • 我的开源项目已链接认可 LINUX DO 社区:
  • 我帖子内的项目介绍,AI生成、润色内容部分已截图发出:
  • 以上选择我承诺是永久有效的,接受社区和佬友监督:

以下为项目介绍正文内容,AI生成、润色内容已使用截图方式发出


佬友们好,由于之前部署了 Cloudflare Temp mail 临时邮箱,后来因为使用域名邮箱较多,但原版的后台管理页面有点难用,所以自己用CodeX Vibe了一个新的后台管理界面 :

项目地址:

github.com

GitHub - Lur1N77777/loven7-mail-cloudflare-suite: Enhanced admin and webmail frontends for...

Enhanced admin and webmail frontends for Cloudflare Temp Mail / cloudflare_temp_email

上游项目:

github.com

GitHub - dreamhunter2333/cloudflare_temp_email: CloudFlare free temp domain email 免费收发 临时域名邮箱 支持附件...

CloudFlare free temp domain email 免费收发 临时域名邮箱 支持附件 IMAP SMTP TelegramBot

先说明一下:这个项目不是替代上游,也不包含上游 Worker 后端源码。邮件收发、地址、用户、管理员 API 这些核心后端能力都来自上游 cloudflare_temp_email 生态。
我这个项目主要做的是一套更好用的增强前端:管理后台 + 用户邮箱站 / 分享站。

我觉得比较实用的几个点

  1. 验证码快捷复制
    收件箱会自动识别验证码,列表和详情页都可以一键复制。临时邮箱最常见的场景就是收验证码,这个功能会省很多点来点去的时间。

  2. 多邮箱分享 / 分发 / 聚合管理
    支持把一个或多个邮箱做成分享链接,可以给别人临时访问。
    管理后台里可以创建、撤回、恢复分享,也可以让访客隐藏邮件,适合把多个测试邮箱分发给不同人或不同场景使用。

  3. 管理后台更完整
    地址管理、用户管理、收件箱、未知邮件、发件箱、写邮件、系统设置都放在一个后台里。
    手机端也做了操作菜单,复制登录链接、复制邮箱密码/JWT、查看收件箱、创建分享、重置密码这些动作不用回桌面端。

  4. 用户邮箱站 / 分享站
    普通用户可以用邮箱和密码登录,也可以通过分享链接访问。支持自动刷新、HTML / 文本 / 源码查看、验证码复制。

  5. 发件人品牌头像
    比如 OpenAI、GitHub、Cloudflare 这类邮件,会显示对应品牌头像,找邮件更直观。

  6. 部署尽量简单
    前端部署到 Cloudflare Pages,用户站分享功能只需要 Cloudflare KV。
    不需要 SQL,不需要 D1,不需要数据库迁移。

截图

管理后台邮件工作台,可以看到 OpenAI / GitHub / Cloudflare 等发件人品牌头像和验证码:

用户站分享访问,保留品牌头像、验证码复制和自动刷新:

移动端地址操作:

更多截图在 README:

github.com

GitHub - Lur1N77777/loven7-mail-cloudflare-suite: Enhanced admin and webmail frontends for...

Enhanced admin and webmail frontends for Cloudflare Temp Mail / cloudflare_temp_email

部署方式

如果你已经有上游 cloudflare_temp_email Worker,可以创建两个 Cloudflare Pages 项目:

站点 Root directory Build command Output 管理后台 apps/admin npm ci && npm run build dist 用户站 / 分享站 apps/webmail npm ci && npm run build dist

用户站需要配置:

  • MAIL_WORKER_BASE_URL:上游 Worker/API 地址
  • SHARE_ENCRYPTION_SECRET:分享加密密钥
  • SHARE_ADMIN_CORS_ORIGINS:管理后台域名
  • SHARE_KV:Cloudflare KV 绑定

我也在 README 里整理了 AI Agent 自动部署 Prompt。如果已经有上游 Worker,可以直接让 Agent 创建两个 Pages 项目、配置 KV 和环境变量。

如果你还没有部署上游 cloudflare_temp_email Worker,可以参考这位佬的教程,写的非常详细

【教程】2026版 小白也能看懂的自建Cloudflare临时邮箱教程(域名邮箱)

适合谁

  • 已经在用 cloudflare_temp_email 的佬友
  • 想要更舒服的临时邮箱后台
  • 想把临时邮箱开放给普通用户使用
  • 想要验证码快捷复制、多邮箱分享、移动端管理体验
  • 想把 Cloudflare Temp Email 做成更完整前端套件

再次感谢上游作者和项目。这个项目是在上游基础上做的前端增强和部署整理。
欢迎大家试用、提 issue、提建议。如果觉得还不错,也欢迎给个 Star。

1 个帖子 - 1 位参与者

阅读完整话题

来源: LinuxDo 最新话题查看原文