19.1 Cloudflare Pages点击 「Drag and drop your files」 右侧的蓝色 「Get started」发生报错,不支持多文件

📅 2026/7/28 1:42:43 👁️ 阅读次数 📝 编程学习
19.1 Cloudflare Pages点击 「Drag and drop your files」 右侧的蓝色 「Get started」发生报错,不支持多文件

在点击 「Drag and drop your files」 右侧的蓝色 「Get started」 按钮后我将项目命名创建项目后,上传文件的地方显示Cloudflare Pages only supports uploading a single folder or a single zip file. The contents of your zip file or folder will be used to deploy your project.

意思是Cloudflare Pages 现在不支持直接拖多个文件,只支持:上传 1 个文件夹 或 1 个压缩包(zip),这里可以新建一个文件夹,比如(we),再把所有代码可执行文件和静态资源文件全部放进去,压缩打包,再拖到 Cloudflare Pages 去处理就行了,Cloudflare 会自动读取里面所有文件。

注意文件层级如下这样:

web/ ├─ index.html ├─ xxx.mp4 └─ bg1.jpg

第 1 步:在电脑桌面新建一个文件夹

  1. 在桌面空白处右键 → 新建 → 文件夹
  2. 把文件夹名字改成:web(随便什么名字都行)

第 2 步:把所有文件放进这个文件夹里

把这些静态资源全部放进文件夹

  • index.html
  • xxx.m4a/mp3/mp4/jpg/png等

注意:不要套多层文件夹!结构必须是这样:

web/ ├─ index.html ├─ xxx.mp4 └─ bg1.jpg

第 3 步:把这个文件夹直接拖到 Cloudflare

回到刚才的页面:直接把整个文件夹拖进去

Cloudflare 会自动读取里面所有文件


第 4 步:项目名称填写

现在这个自定义的miaomiaolove完全域名会变成:

https://miaomiaolove.pages.dev

第 5 步:上传完成后点 Deploy site

等待 10 秒 →部署完成!

直接点击页面右下角的蓝色「Continue to project」按钮,进入项目管理后台。

在管理后台的右上角,会看到「Visit」按钮,点击它就能打开最终页面!

对比项Cloudflare Pages国内静态站服务(阿里云 OSS / 腾讯云 COS 等)
备案要求完全不需要必须备案,否则无法访问
收费模式永久免费,无隐藏消费按量计费,长期使用成本高,随时可能涨价
域名有效期永久免费pages.dev,不会过期域名需要每年续费,过期直接失效
全球访问全球 CDN,全球可访问仅国内可访问,海外访问慢
长期稳定性上市公司战略级免费服务,6 年未涨价国内服务政策变动频繁,随时可能调整免费额度