摘要：只想临时给客户或朋友展示个网页 Demo，却懒得配置 Git 仓库和 Pages 账号？Cloudflare 近日推出了免注册、免登录的网页一键托管神器 Cloudflare Drop。直接把静态文件夹拖进浏览器，就能生成一个 60 分钟有效的全球预览链接，还能一键转为永久项目，非常方便。
平时折腾网页的朋友，多多少少都会遇到过这种场景：写完了一个简单的 HTML 单页或者前端 Demo，想立刻发给朋友看一眼，或者发给客户进行预览。如果走正规流程，我们得先在 GitHub 建个仓库，配置好 Pages 服务，或者掏出 SSH 连接自己的服务器进行上传。虽然不难，但为了看一眼效果，这一套动作下来折腾好几分钟，实在是繁琐。
以前遇到这种情况，大家可能习惯用 Netlify 旗下的 Netlify Drop。不过，最近 CDN 大厂 Cloudflare 也推出了自家的类似服务——「Cloudflare Drop」。它同样主打「直接把文件夹拖进去就能运行」，并且做到了真正的零门槛。今天我就带大家来体验一下这个新玩意。
什么是 Cloudflare Drop
简单来说，Cloudflare Drop 是 Cloudflare Pages 的一种极简版发布方式。在以前，如果你想使用 Pages 服务，必须先注册一个 Cloudflare 账号，然后关联你的 GitHub 账号，最后导入仓库进行构建。虽然 Pages 很好用，但有时候面对一些临时性的测试，折腾这一圈未免有点「大炮打蚊子」。
而 Cloudflare Drop 彻底去掉了这些中间环节：
- 免注册免登录：你不需要拥有 Cloudflare 账号，也不用绑定任何社交账号，直接打开网页就能用。
- 60 分钟有效期：上传完文件后，系统会立即分发到 Cloudflare 的全球边缘网络，并生成一个临时的在线预览链接。这个链接会在 1 小时内保持有效，时间一过自动失效。
- 一键 Claim 认领：如果这个临时 Demo 测试满意，你不需要重新上传。只要在 1 小时内点击 Claim 按钮，登录你的 Cloudflare 账号，这个站点就会瞬间同步为永久的 Pages 项目，让你拥有绑定自定义域名、配置安全规则等高级权限。
实战体验：只需拖拽即可上线
为了验证效果，我特意准备了一个包含简单 CSS 样式和 JavaScript 脚本的静态网页文件夹。我们来看看它的具体操作流程：
第一步：打开浏览器访问官方入口。大家可以看到一个干净清爽的拖拽上传区域，完全没有常见的「注册/登录」弹窗打扰。
🔗 直达链接：Cloudflare Drop 官方主页（免登录静态网页一键拖拽部署平台）
第二步：直接选中你的静态文件夹（确保里面有入口文件 index.html），或者把整个文件夹打包成一个 .zip 格式的压缩包，用鼠标直接拖拽到页面中央的虚线框内。
⚠️ 关键避坑：主页入口文件必须命名为 index.html
这里要特别提醒大家一个非常容易踩的坑：拖拽上传的文件夹（或压缩包）根目录下，必须包含一个名为 index.html 的文件作为主页入口。
很多朋友在本地开发时习惯用 home.html、main.html 或者是带有版本号的 index-v2.html 来命名网页。如果不改回 index.html，直接拖拽上去虽然也能提示部署成功，但在打开预览链接时会直接报 404 或是无法加载。因为 Cloudflare 默认只会去根目录下加载和渲染 index.html。
第三步：拖入后，网页会显示上传和部署进度。因为我的测试项目非常轻量，几秒钟就上传完成了。
紧接着，页面上会弹出部署成功的提示，并提供一个属于 Cloudflare 域名的临时预览链接，同时显示 60 分钟倒计时。
点击这个链接，就可以完美打开我们的静态网页了。得益于 Cloudflare 的全球 CDN 缓存网络，预览站点的首屏加载几乎是秒开，速度非常可观。
关于 Claim 认领功能
Cloudflare Drop 最实用的一点，就是它给临时站点提供了一条转正的通道。以前在 Netlify Drop 上，临时网页如果想保存下来，后续的操作流程还是比较繁杂的。而 Cloudflare 对此做到了极致的简化。
在你的临时预览页面中，会有一个明显的倒计时，提示该预览链接还剩多少分钟失效。在倒计时下方，有一个「Claim site」按钮。
点击 Claim 后，网页会引导你进行登录（或者花几秒钟注册一个免费账号）。一旦登录成功，Cloudflare 就会在后台自动创建一个新的 Pages 项目，并将你刚刚上传的临时网页资产全部无缝平移过去。至此，这个网站就变成了永久项目，不仅倒计时自动消失，而且再也不会过期了。
不仅如此，转为永久 Pages 项目后，你还能继续享受 Pages 的所有原生功能，比如绑定你自己的个性化域名、添加 Web 访问分析统计、或者在网络边缘配置安全防护规则。这种从「随手一试」到「正式生产」的无缝衔接，体验确实非常顺滑。
适用场景与局限性
作为一个主打临时托管的轻量级工具，Cloudflare Drop 显然有其明确的边界。我们在使用时应当有所取舍：
1. 极佳的使用场景
- 临时 Demo 展示：向客户或同事展示刚刚写好的网页原型，看完即走。
- 求职面试演示：在面试时，将自己写的静态作品集或小工具临时部署起来，发给面试官在线查看。
- 快速真机测试：在局域网不好调试时，直接把网页丢上去，在手机上扫码预览真实公网环境下的样式适配。
- 测试 AI 生成的网页：现在很多 AI 编程工具可以直接导出 HTML 文件，丢到 Cloudflare Drop 里预览，简直是绝配。
2. 一些不得不说的局限
- 仅限静态网页：由于底层是 Pages 服务，它只支持静态的 HTML、CSS、JavaScript、图片、字体等，任何需要动态后端（如 PHP、Node.js 运行环境）的程序是无法直接部署的。
- 单文件大小上限：如果后续要转为永久 Pages 项目，需要注意 Cloudflare 限制单个静态文件大小不得超过 25MB。不过对于绝大多数 Demo 来说，这个额度已经非常奢侈了。
- 别忘了 60 分钟倒计时：如果你没有登录认领，链接会在 1 小时后彻底失效并被系统清理，所以切记及时认领重要项目。
小结
总的来说，Cloudflare Drop 的推出，算是在轻量、即时部署这个细分场景里给 Netlify Drop 带来了非常直接的竞争。对于我们这些经常需要做快速演示、测试的折腾党来说，多一个如此顺手且背靠大厂稳定 CDN 的工具，绝对是一件快事。下次当你需要临时把一个静态网页发布到公网时，不妨直接把文件丢给它试试吧。
加载评论中……