type
status
date
Aug 3, 2025 09:50 AM
slug
summary
tags
category
icon
password
comment

✅ 一、准备工作

你需要:
  • Cloudflare 账号
  • 一个可用的域名(已接入 Cloudflare DNS)
  • GitHub 账号
  • 一个 Resend 账号(免费即可)

✅ 二、Fork 项目

打开项目地址:
点击右上角 Fork
得到自己的仓库,例如:
https://github.com/你的用户名/SubsTracker

✅ 三、一键部署到 Cloudflare Workers

1️⃣ 打开你 Fork 后的仓库

在 GitHub → 你的仓库右上角,会看到:
点击按钮开始自动部署。

2️⃣ 部署时注意:必须将 KV 名称改为:

这个非常重要!
项目需要的 KV:
名称
类型
SUBSCRIPTIONS_KV
KV Namespace

✅ 四、首次登录

部署后访问你的域名,例如:
默认登录账户:
  • 用户名:admin
  • 密码:password
进入后请立刻修改密码(后台 → 系统配置)。

📮 五、启用 邮件通知(Resend)

SubsTracker 支持很多通知方式,而你要的是:
Resend 邮件通知
下面是从 Resend 到 Cloudflare 的全部流程。

✅ 六、注册 Resend 并添加域名

  1. 打开:https://resend.com
  1. 注册账号
  1. 左侧菜单 → Domains → 添加域名(如:yourdomain.com
  1. Resend 会给你几条 DNS 记录:
  • SPF
  • DKIM
  • DMARC
全部按照提示添加到 Cloudflare DNS 面板内。
添加完成后,点击 Verify(可能需要几分钟)。
成功后状态变为:
notion image

 
notion image

⚙️ 七、创建 Resend API Key

在 Resend 后台 → API Keys
创建一个新的 Key(Full Access)。
复制保存好。
notion image

🔒 八、将 Resend API Key 保存到 Cloudflare Workers Secrets

进入 Cloudflare Dashboard →
Workers & Pages → 你部署的 Worker → SettingsVariables
添加:
保存。

📧 九、在 SubsTracker 后台启用邮件通知

进入系统后台:
按如下填写:
字段
示例
Resend API Key
不填(系统自动注入)
发件人
noreply@yourdomain.com(必须是你刚刚验证的域名)
收件人
你自己的邮箱
邮件样式
默认即可(支持 HTML)
保存。

🎯 发件人邮箱格式说明(最易忽略)

Resend 要求你使用自己的域名作为发件人,但前缀必须自己加,不能只写域名。

✅ 有效格式:

例如:
  • sen@yourdomain.com ✔
  • noreply@yourdomain.com ✔
  • notify@yourdomain.com ✔
  • support@yourdomain.com ✔
前缀可以随便取,不需要真实存在邮箱账号。 只要域名通过 Resend 验证即可发送。

❌ 无效格式:


⭐ 建议使用的发件人前缀

用途
推荐前缀
通知类
notify@ / noreply@ / alert@
订阅 & 账单提醒
subs@ / billing@
系统任务
system@
客服邮件
support@
个人风格
me@ / hi@
这些前缀更专业,更适合 SubsTracker 的提醒场景。

🔍 十、测试邮件通知是否正常

后台 → 通知设置 → 点击 发送测试通知
正常则会收到:
📬 SubsTracker - 测试邮件
如果你收到了,说明邮件功能已启用!

🕒 十一、设置定时任务(Cron)

Cloudflare Workers 使用 UTC 时区。
你希望:每天北京时间 8 点发送提醒
→ 那么 Cron 填写:
因为:
如果你想每小时检查一次:
设置方式:
Workers → Triggers → Cron Triggers → Add

🛠 十二、使用流程

  1. 打开项目
  1. 添加订阅(如 iCloud、Spotify、ChatGPT、机场等)
  1. 设置:
      • 到期日
      • 是否启用
      • 提前 X 天提醒
  1. 选择通知方式(邮件)
  1. 系统每天自动检查 → 到期前会发邮件通知你

⭐ 十三、额外提示(重要)

✨ 1. 系统时区建议设为:

✨ 2. 你可以开启多个通知通道,例如邮箱 + Telegram 双提醒。

✨ 3. 邮件模板是 HTML 格式,支持美观排版。

✨ 4. 邮件发件人必须是你在 Resend 中验证过的域名。


参考资料:

Cloudflare Pages 永久白嫖! 搭建免费无限图床、影视聚合、待办提醒等 | LibreTV | SubsTracker |Telegraph Image | 零度解说
【更多资源】▶https://www.youtube.com/channel/UCvijahEyGtvMpmMHBu4FS2w?sub_confirmation=1 【零度博客】▶https://www.freedidi.com 【油管会员】▶https://www.youtube.com/channel/UCvijahEyGtvMpmMHBu4FS2w/join 【高级会员】▶https://bittly.cc/JsLAn ------------------------------------- 🔔 1、Cloudfare page 免费搭建 LibreTV:https://www.freedidi.com/19908.html 2、Cloudflare pages 搭建免费图床 :https://www.freedidi.com/19912.html 3、SubsTracker – 订阅管理与提醒系统:https://www.freedidi.com/19913.html 🔰 安全VPN推荐(最高优惠链接): 1.ExpressVPN:https://go.expressvpn.com/c/2612933/1645830/16063 2.PureVPN: https://billing.purevpn.com/aff.php?aff=44074 🚀VPS 推荐: 1.https://bittly.cc/Vultr (优惠链接) 2.https://bandwagonhost.com/aff.php?aff=58794 (搬瓦工 CN2) 🦞 AI 生成对口型视频(支持多语言):https://bittly.cc/heygen 💓 1.回国加速VPN :https://bittly.cc/qt8cx 💰比特币交易平台 1.火币官网 : https://www.htx-kol.com/invite/zh-cn/1g?invite_code=48tr7 接码平台推荐: https://sms-activate.org/?ref=4203005 0:00 视频简介 0:25 Cloudfare page 免费搭建 LibreTV 影视聚合 5:15 自定义绑定域名 5:57 Cloudflare pages 搭建免费图床! 享受 Telegram 的无限空间 11:47 部署 SubsTracker – 订阅管理与提醒系统 ======================= 其它更多精彩内容推荐:😍 https://youtu.be/h5rUawU0R04 https://youtu.be/kuWCMrKk9m4 https://youtu.be/4FWDFhTB6Yk https://youtu.be/2G-Emzf29BU https://youtu.be/UDGdZaoz77A https://youtu.be/N3CTgtz3GMc https://youtu.be/nSDz2W7SbOk https://youtu.be/4YIz_P25iTI https://youtu.be/DO8HZ6_pWqI https://youtu.be/PgLDCgEIX40 https://youtu.be/vX51savENcs https://youtu.be/ecfrVMlsvO4 https://youtu.be/3kWqECtHg1E https://youtu.be/absq9kTV_NM https://youtu.be/5ymZYqEWlOA https://youtu.be/L_d5WRlzDYE https://youtu.be/eKCvwvhGo5I https://youtu.be/EX7SrTaCqQo https://youtu.be/MS4FpJA6RBI https://youtu.be/5ymZYqEWlOA https://youtu.be/4TAufWfiCoQ https://youtu.be/47vMjLqMHh8 https://youtu.be/OpYYFGJPr0A =========================
Cloudflare Pages 永久白嫖! 搭建免费无限图床、影视聚合、待办提醒等 | LibreTV | SubsTracker |Telegraph Image | 零度解说

Webhook 通知(拓展)

  • 推送 URL: 根据所使用的 Webhook 服务或自建接口填写,例如 https://your-service.com/hooks/notify
  • 支持自定义请求方法、请求头与消息模板
  • 模板占位符{{title}}{{content}}{{tags}}(多行形式)、{{tagsLine}}{{timestamp}}{{formattedMessage}}
以飞书为例
  1. 电脑浏览器打开 https://botbuilder.feishu.cn/home/my-command
  1. 点击"新建机器人指令"
  1. 点击"选择触发器",往下滑动,点击"Webhook 触发"
  1. 此时你会看到"Webhook 地址",把这个链接先复制到本地记事本暂存,继续接下来的操作
  1. "参数"里面放上下面的内容,然后点击"完成"
6. 点击"选择操作" > "发送飞书消息",勾选 "群消息",然后点击下面的输入框,点击"我管理的群组"(如果没有群组,你可以在飞书 app 上创建群组)
7. 点击 + 按钮,选择"Webhook 触发",然后按照下面的图片选择
notion image
启用机器人,并且发布,否则不生效
启用机器人,并且发布,否则不生效
启用机器人,并且发布,否则不生效

notion image
📌 TrendRadar 热点监控 —— GitHub 部署流程 & 飞书推送注意事项(强化版教程)中学生教育现状与改进路径研究
Loading...
WangLin
WangLin
分享一些好玩有趣的
Announcement
🎉我的博客上线啦🎉

📢 博客公告

欢迎来到我的 代码学习与分享天地
这里是我专注于 电脑技术网站搭建 及相关领域的学习记录和心得分享。
无论是编程技巧、实战项目,还是技术难题的解决方案,都会在这里一一呈现。
💡 我的初心
通过不断学习和实践,积累技术经验,并将有价值的内容分享给更多热爱技术的朋友。

感谢你的到来,祝你阅读愉快!
-- 感谢您的支持 ---