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

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 年未涨价国内服务政策变动频繁,随时可能调整免费额度