「网站慢到崩溃！分享到微信直接被当病毒！」——这就是我用 Netlify 部署工具站的血泪日常。部署了 40 多个 HTML 工具（包含高清工具卡片显示图片），国内访问常加载几分钟，微信发给朋友跳转「投诉封禁」页面，还被吐槽发钓鱼链接。
首先放成果：
一、为何抛弃 Netlify？
❌ 致命伤1：龟速加载
海外服务器 + 未压缩图片（单张百 KB 级）→ 国内用户打开如蜗牛。
❌ 致命伤2：微信端域名封杀
Netlify/Cloudflare 免费域名均被微信屏蔽，需浏览器打开，社交传播判死刑。
二、Cloudflare 迁移实战
选择理由：
- 全球CDN节点：静态资源加载速度提升 500%（亲测新设备 5 秒开站），有效优化了网站的网络性能。
- GitHub 一键无缝部署：代码库直连，迁移成本 ≈ 0（与 Netlify 一致）
- 永久免费套餐：完全足够个人项目使用。
迁移效果：
同一工具页面对比：
| 平台 |
首屏加载 |
图片加载完成 |
| Netlify |
8.2s |
53.5s |
| Cloudflare |
2.1s |
8.8s |
三、免备案域名求生指南
▸ 为什么选 .top + NameSilo？
- 免备案：20 年阿里云域名备案噩梦仍然记忆犹新，总耗时 1 个月，还得回户籍地办理。
- 性价比：.top 域名年费 ≈ $2（心仪 com/cn 已被抢注，而且更贵些）
- 微信解封：境外注册域名无监管拦截
▸ 绑定操作：
- NameSilo 购买域名 → 解析到 Cloudflare NS 服务器
- Cloudflare 控制台 → Workers → 创建子域名路由（如 tool.itmagical.top）
- 关键避坑：关闭「Always Use HTTPS」防跳转循环
四、路径血泪 Bug 全记录
🕳️ 地狱级踩坑：
迁移后点击工具卡片 → URL 自动删 .html 后缀 → 二次点击路径错乱叠加（tools/tools/image-compressor）→ 页面退化成无 CSS 的“蓝字怪”。
终极解法：
根因：Cloudflare 默认开启「Pretty URLs」重写规则。
方案：最终在项目根目录新建 _redirects 文件并添加规则：
/* /:splat.html 200
五、成果展示与技术栈
新站地址：
技术栈真相：
- 页面开发：95% 由 AI 编程工具生成：trae 国际版，claude-4-Sonnet（仅基础模板手动调整）
- 部署成本：$0（Cloudflare 免费方案 +$2 域名年费）
- github + cloudflare CDN 托管部署
- namesilo 购买域名
注意：Cloudflare 免费版限 10 万次/日访问，超出需升级。
希望这次从 Netlify 迁移到 Cloudflare 并结合免备案域名解决微信封禁的实战经历，能为遇到类似问题的开发者提供一些参考。如果你也在搭建个人工具站或博客，欢迎到 云栈社区 的运维与网络板块交流更多实战经验。
| 
发表于 2 小时前
|
查看: 4|
回复: 0
