diff --git a/src/content/assets/images/msedge_HwStEUKYVx 1.gif b/src/content/assets/images/msedge_HwStEUKYVx 1.gif
new file mode 100644
index 000000000..ef0479537
Binary files /dev/null and b/src/content/assets/images/msedge_HwStEUKYVx 1.gif differ
diff --git a/src/content/assets/images/msedge_HwStEUKYVx.gif b/src/content/assets/images/msedge_HwStEUKYVx.gif
new file mode 100644
index 000000000..ef0479537
Binary files /dev/null and b/src/content/assets/images/msedge_HwStEUKYVx.gif differ
diff --git a/src/content/assets/images/uptimeflare-14.png b/src/content/assets/images/uptimeflare-14.png
new file mode 100644
index 000000000..1697b8f6f
Binary files /dev/null and b/src/content/assets/images/uptimeflare-14.png differ
diff --git a/src/content/assets/images/uptimeflare-15.png b/src/content/assets/images/uptimeflare-15.png
new file mode 100644
index 000000000..ec9436b6f
Binary files /dev/null and b/src/content/assets/images/uptimeflare-15.png differ
diff --git a/src/content/posts/uptimeflare.md b/src/content/posts/uptimeflare.md
index 493bfcd86..86c3c9c0d 100644
--- a/src/content/posts/uptimeflare.md
+++ b/src/content/posts/uptimeflare.md
@@ -12,24 +12,23 @@ lang: ""
但是，就在最近我再次查看控制台，发现之前创建的监控全部都没了，咱也不知道是被官方删了还是号被黑客大手子肘击了，总之，我现在不得不要重建监控服务了
# 原理
-首先，UptimeFlare是一个基于Cloudflare Worker+KV的监控服务
+首先，UptimeFlare是一个基于Cloudflare Worker+D1的监控服务
它的原理非常简单，一共由三个部分组成
- **前端**：放在Cloudflare Page，用于给用户展示zhandianzhuangt
-- **后端**：放在Cloudflare Worker，通过 Worker 自带的 **Cron** 每分钟 检查站点状态，并将状态持久化进 **KV**
+- **后端**：放在Cloudflare Worker，通过 Worker 自带的 **Cron** 每分钟 检查站点状态，并将状态持久化进 **D1**
-
+
# 正式开始
-首先我们需要 **Fork** 项目，你可以选择原项目（English），或者我的项目（中文）
+首先我们需要 **Fork** 项目，建议Fork我的项目（由于原项目不知道为什么不给在某些地方注入环境变量，所以建议Fork我的）
-::github{repo="lyc8503/UptimeFlare"}
::github{repo="afoim/UptimeFlare"}
首先，我们先尝试将其部署到Cloudflare
-创建一个Cloudflare API Token（编辑Workers）
-
+创建一个Cloudflare API Token **编辑Workers** 和 **D1**
+
接下来将该Token绑定到你的Github仓库
@@ -37,9 +36,9 @@ lang: ""
最后，来到 `Action` 页面，手动创建一个 `Deploy to Cloudflare` 的工作流
-等待工作流运行结束，你应该可以在Cloudflare仪表板看见一个新的Page，新的Worker和新的KV
+等待工作流运行结束，你应该可以在Cloudflare仪表板看见一个新的Page，新的Worker和新的D1
-
+
点开 Page，注意不要点错了
@@ -54,139 +53,6 @@ lang: ""
编辑根目录的 `uptime.config.ts`
-这里是默认的汉化过后的配置，拷贝过去并定制成你的版本吧~
-
-```ts
-/**
- * ============================
- * UptimeFlare 通用配置模板
- * ============================
- * 使用前请将示例内容替换为你自己的信息
- */
-
-/* ----------------------------
- * 状态页面配置
- * ---------------------------- */
-const pageConfig = {
- // 状态页面标题
- title: "我的服务状态页",
-
- // 状态页顶部链接
- links: [
- { link: "https://example.com", label: "主页" },
- { link: "https://github.com/example", label: "GitHub" },
- ],
-
- // [可选] 监控分组
- // 未列入分组的监控将不会显示在状态页（但仍会被监控）
- /*
- group: {
- "Web 服务": ["web_main", "web_backup"],
- "服务器": ["server_ssh"],
- },
- */
-};
-
-/* ----------------------------
- * Worker 监控配置
- * ---------------------------- */
-const workerConfig = {
- // 除非状态发生变化，否则最多每 N 分钟写入一次 KV
- kvWriteCooldownMinutes: 3,
-
- // [可选] HTTP Basic Auth
- // passwordProtection: "username:password",
-
- /* --------------------------
- * 监控列表
- * -------------------------- */
- monitors: [
- /**
- * HTTP / HTTPS 监控示例
- */
- {
- id: "web_main", // 唯一 ID（不要随意修改，否则历史会丢失）
- name: "主站",
- method: "HEAD", // GET / HEAD / POST ...
- target: "https://example.com/",
- statusPageLink: "https://example.com/",
- expectedCodes: [200],
- timeout: 10000,
- hideLatencyChart: false,
- },
-
- /**
- * TCP 端口存活监控示例（SSH / 数据库等）
- */
- {
- id: "server_ssh",
- name: "服务器 SSH",
- method: "TCP_PING",
- target: "127.0.0.1:22",
- timeout: 5000,
- },
- ],
-
- /* --------------------------
- * 通知配置
- * -------------------------- */
- notification: {
- // 时区
- timeZone: "Asia/Shanghai",
-
- // 宽限期（分钟）
- // 连续失败 N 分钟后才发送告警
- gracePeriod: 5,
-
- // [可选] Apprise
- // appriseApiServer: "https://apprise.example.com/notify",
- // recipientUrl: "tgram://bottoken/chatid",
- },
-
- /* --------------------------
- * 回调函数
- * -------------------------- */
- callbacks: {
- /**
- * 监控状态变化时触发
- */
- onStatusChange: async (
- env: any,
- monitor: any,
- isUp: boolean,
- timeIncidentStart: number,
- timeNow: number,
- reason: string
- ) => {
- const statusText = isUp ? "恢复正常 (UP)" : "服务中断 (DOWN)";
- console.log(
- `[状态变更] ${monitor.name} -> ${statusText}，原因：${reason}`
- );
-
- // 示例：在此处接入 邮件 / Webhook / 飞书 / Telegram 等
- // env 中可以读取 Worker 环境变量
- },
-
- /**
- * 事件持续期间（每分钟调用一次）
- */
- onIncident: async (
- env: any,
- monitor: any,
- timeIncidentStart: number,
- timeNow: number,
- reason: string
- ) => {
- // 可用于升级告警、统计持续时间等
- },
- },
-};
-
-// ⚠️ 必须导出，否则编译失败
-export { pageConfig, workerConfig };
-
-```
-
如果服务故障如何做通知？
UptimeFlare非常自由，你可以在 `callbacks` 中编写故障时要做的任何事情，这里以发送 `POST` 请求让 `Resend` 发送邮件给你举例
@@ -203,87 +69,16 @@ UptimeFlare非常自由，你可以在 `callbacks` 中编写故障时要做的
-编辑 `uptime.config.ts` 的 `callbacks` 部分，注意更改 `resendPayload` 方法中的相关参数
+编辑 `uptime.config.ts` 的 `webhook.payload` 部分
示例代码：
```ts
- callbacks: {
- onStatusChange: async (
- env: any,
- monitor: any,
- isUp: boolean,
- timeIncidentStart: number,
- timeNow: number,
- reason: string
- ) => {
- // 当任何监控的状态发生变化时，将调用此回调
- // 在这里编写任何 Typescript 代码
-
- // 调用 Resend API 发送邮件通知
- // 务必在 Cloudflare Worker 的设置 -> 变量中配置: RESEND_API_KEY
- if (env.RESEND_API_KEY) {
- try {
- const statusText = isUp ? '恢复正常 (UP)' : '服务中断 (DOWN)';
- const color = isUp ? '#4ade80' : '#ef4444'; // green-400 : red-500
- const subject = `[${statusText}] ${monitor.name} 状态变更通知`;
- // 尝试格式化时间
- let timeString = new Date(timeNow * 1000).toISOString();
- try {
- timeString = new Date(timeNow * 1000).toLocaleString('zh-CN', { timeZone: 'Asia/Shanghai' });
- } catch (e) { /* ignore */ }
-
- const htmlContent = `
-
-
${statusText}
-
监控名称: ${monitor.name}
-
时间: ${timeString}
-
原因: ${reason}
-
-
来自 UptimeFlare 监控报警
-