朋友圈归档 - Yaoxi Blog

今天顺利完成了朋友圈多媒体（图片 WebP 缩略图、原图、流畅视频）大重构！ #开发日志 #Astro

为了测试智能前缀和发表日期 YYYY-MM-DD 自动拼接，本喵特意写了这个实例说说喵。在这条说说的 Frontmatter 中，我们仅仅填写了纯文件名：

图片：10.jpg
视频：1.mp4

系统会自动根据发表日期 2026-07-06 进行智能路径归档并拼装出以下地址喵：

原图：https://png.yaoxi.wiki/astro/raw/2026-07-06/10.jpg
缩略图：https://png.yaoxi.wiki/astro/webp/2026-07-06/10.webp
流式视频：https://png.yaoxi.wiki/astro/video/2026-07-06/1.mp4

不仅如此，视频播放器默认开启了 preload="auto"，流式缓冲直接拉满，彻底告别播放卡顿，非常 Premium 喵呜~！

为什么使用 Cloudflare Workers 做反向代理？

全球加速：利用 Cloudflare 的边缘节点，全球访问延迟极低。

免费额度高：每天 10 万次免费请求，足以支撑个人项目。

无需服务器：真正的 Serverless 架构，省去运维烦恼。

以下内容：

一个 Cloudflare 账号（免费即可）
能正常登录 Cloudflare 控制台
一个你想要代理的网站（例如：https://example.com）

Cloudflare 控制台地址：

👉 https://dash.cloudflare.com

登录后，在左侧菜单中找到 Workers & Pages。

三、新建一个 Worker（跟着点就行）

第一步：创建 Worker

进入 Workers & Pages
点击 Create application
选择 Workers
点击 Create Worker
随便填写一个名称（如：proxy-test）
点击 Deploy

看到成功提示后，说明 Worker 已创建完成。

第二步：进入代码编辑页面

点击刚创建好的 Worker
点击 Edit code
页面中会出现一段默认代码

👉 全部删除即可，不需要看。

四、最基础的反向代理代码（直接复制）

将下面代码完整复制，粘贴到编辑器中：

1
async fetch(request) {
2
    // 这里改成你要代理的网站
3
    const TARGET = 'https://example.com'
4

5
    const url = new URL(request.url)
6
    const newUrl = TARGET + url.pathname + url.search
7

8
    return fetch(newUrl, request)
9
  }
10
}

⚠️ 注意事项：

必须把 https://example.com 换成你自己的目标网站

不要多删或多加任何字符

保存并部署

点击右上角 Save and Deploy
等待提示部署成功

此时，你的反向代理已经可以使用了。

五、测试是否搭建成功

在浏览器中访问你的 Worker 地址，例如：

https://proxy-test.workers.dev

如果看到的是目标网站内容，说明成功。

再测试路径访问：

https://proxy-test.workers.dev/abc

等同于：

https://example.com/abc

六、出现 403 或异常？用这个版本

如果访问时报 403、页面空白或跳转异常，使用下面这个兼容版代码。

1
exportdefault{
2
  async`fetch(request) {
3
    const TARGET = 'https://example.com'
4
    const url = new URL(request.url)
5

6
    const headers = new Headers(request.headers)
7
    headers.set('Host', new URL(TARGET).host)
8

9
    const newRequest = new Request(TARGET + url.pathname + url.search, {
10
      method: request.method,
11
      headers,
12
      body: request.body,
13
      redirect: 'follow'
14
    })
15

16
    return fetch(newRequest)
17
  }
18
}

保存并重新部署后再次测试。

七、前端接口跨域（CORS）解决方案

如果你是给前端项目做代理接口，请使用下面这个版本：

1
export default {
2
  async fetch(request) {
3
    const TARGET = 'https://example.com'
4
    const url = new URL(request.url)
5

6
    const response = await fetch(TARGET + url.pathname + url.search, request)
7
    const newResponse = new Response(response.body, response)
8

9
    newResponse.headers.set('Access-Control-Allow-Origin', '*')
10
    newResponse.headers.set('Access-Control-Allow-Methods', 'GET,POST,PUT,DELETE,OPTIONS')
11

12
    return newResponse
13
  }
14
}

八、绑定自定义域名（可选）

如果你不想使用 workers.dev：

将你的域名接入 Cloudflare
进入 Worker → Triggers
添加 Custom Domain
例如：proxy.yourdomain.com

完成后即可使用自己的域名访问代理。

九、新手常见问题

能代理 HTTPS 吗？

可以，Cloudflare Workers 原生支持 HTTPS。

免费额度够用吗？

免费版每天 10 万次请求，一般个人使用完全够用。

为什么有的网站代理不了？

部分网站会限制 Cloudflare IP，这属于目标站策略限制。

十、总结

一句话概括：

复制代码 → 改目标网址 → 保存部署 → 直接使用

Cloudflare Workers 是目前成本最低、上手最快的反向代理方案之一。

在此基础上，你还可以继续扩展：

多站点代理

加访问密码

API 中转

防盗链