为什么使用 Cloudflare Workers 做反向代理？
全球加速：利用 Cloudflare 的边缘节点，全球访问延迟极低。
免费额度高：每天 10 万次免费请求，足以支撑个人项目。
无需服务器：真正的 Serverless 架构，省去运维烦恼。
以下内容：
-
一个 Cloudflare 账号（免费即可）
-
能正常登录 Cloudflare 控制台
-
一个你想要代理的网站（例如：https://example.com）
Cloudflare 控制台地址：
登录后，在左侧菜单中找到 Workers & Pages。
三、新建一个 Worker（跟着点就行）
第一步：创建 Worker
-
进入 Workers & Pages
-
点击 Create application
-
选择 Workers
-
点击 Create Worker
-
随便填写一个名称（如：proxy-test）
-
点击 Deploy
看到成功提示后，说明 Worker 已创建完成。
第二步：进入代码编辑页面
-
点击刚创建好的 Worker
-
点击 Edit code
-
页面中会出现一段默认代码
👉 全部删除即可，不需要看。
四、最基础的反向代理代码（直接复制）
将下面代码 完整复制，粘贴到编辑器中：
async fetch(request) { // 这里改成你要代理的网站 const TARGET = 'https://example.com'
const url = new URL(request.url) const newUrl = TARGET + url.pathname + url.search
return fetch(newUrl, request) }}⚠️ 注意事项：
必须把 https://example.com 换成你自己的目标网站
不要多删或多加任何字符
保存并部署
-
点击右上角 Save and Deploy
-
等待提示部署成功
此时，你的反向代理已经可以使用了。
五、测试是否搭建成功
在浏览器中访问你的 Worker 地址，例如：
https://proxy-test.workers.dev
如果看到的是目标网站内容，说明成功。
再测试路径访问：
https://proxy-test.workers.dev/abc
等同于：
六、出现 403 或异常？用这个版本
如果访问时报 403、页面空白或跳转异常，使用下面这个 兼容版代码。
exportdefault{ async`fetch(request) { const TARGET = 'https://example.com' const url = new URL(request.url)
const headers = new Headers(request.headers) headers.set('Host', new URL(TARGET).host)
const newRequest = new Request(TARGET + url.pathname + url.search, { method: request.method, headers, body: request.body, redirect: 'follow' })
return fetch(newRequest) }}保存并重新部署后再次测试。
七、前端接口跨域（CORS）解决方案
如果你是给前端项目做代理接口，请使用下面这个版本：
export default { async fetch(request) { const TARGET = 'https://example.com' const url = new URL(request.url)
const response = await fetch(TARGET + url.pathname + url.search, request) const newResponse = new Response(response.body, response)
newResponse.headers.set('Access-Control-Allow-Origin', '*') newResponse.headers.set('Access-Control-Allow-Methods', 'GET,POST,PUT,DELETE,OPTIONS')
return newResponse }}八、绑定自定义域名（可选）
如果你不想使用 workers.dev：
-
将你的域名接入 Cloudflare
-
进入 Worker → Triggers
-
添加 Custom Domain
-
例如：proxy.yourdomain.com
完成后即可使用自己的域名访问代理。
九、新手常见问题
能代理 HTTPS 吗？
可以，Cloudflare Workers 原生支持 HTTPS。
免费额度够用吗？
免费版每天 10 万次请求，一般个人使用完全够用。
为什么有的网站代理不了？
部分网站会限制 Cloudflare IP，这属于目标站策略限制。
十、总结
一句话概括：
复制代码 → 改目标网址 → 保存部署 → 直接使用
Cloudflare Workers 是目前成本最低、上手最快的反向代理方案之一。
在此基础上，你还可以继续扩展：
多站点代理
加访问密码
API 中转
防盗链
【主页 v10 极致性能改造完成】
瑶曦主页（yaoxi-ovo）已完成极致性能重构，在保留拟态液态玻璃 UI 的前提下，首屏资源大幅瘦身：
📊 优化成果 · 图片：WebP → AVIF 全覆盖，320KB → 129KB（-60%） · 字体：Google Fonts 全量 → 本地子集化，88.6KB 自托管（-78%，零第三方请求） · CSS：独立请求 → 内联进 HTML，首屏零样式请求 · 图标：remixicon 全量 144KB → 仅保留 16 个图标字形，1.9KB（-99%） · 首屏关键资源：gzip 后约 70KB
🛠 技术要点 · 引入 esbuild 构建流水线（npm run build → dist/），产物零额外开销 · 中端机降级策略：小屏设备自动关闭 backdrop-filter 模糊，玻璃质感用高不透明度补偿 · 修复 PWA Service Worker 激活失败、滚动闪频、主题切换闪变等历史问题
📦 构建产物已同步，部署 dist/ 即可生效。
—— 瑶曦网络科技团队
今天顺利完成了朋友圈多媒体（图片 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 喵呜~！
【版本更新公告】 我们的官方博客架构已经全面升级到了最新版的 Astro，并且新增了朋友圈动态功能！ 感谢技术团队的辛勤付出，后续我们将在这里发布更多官方通知与技术踩坑记录，敬请期待！