?
先确认：你手里的是静态网站吗？
▾
静态网站 = 一堆前端文件：index.html + style.css + script.js + 图片。
如果 AI 给你的文件夹里有 index.html，那就对了。
适合发布：个人主页 · 作品集 · 活动页 · 产品介绍 · 前端小工具
第一步之前 · 为什么选 Cloudflare Pages
✓
为什么不用买服务器？
▾
Cloudflare Pages 专门托管静态网站——完全免费，全球加速。
你的文件上传后，得到一个 项目名.pages.dev 的网址。
别人打开就是网页，跟大厂网站一样快。
不用买服务器、不用配置环境、不用敲一行命令。
分步操作 · 从零到上线
1
准备你的本地文件夹
▾
把 AI 给你的文件放进一个文件夹，结构像这样：
my-site/├──
index.html├──
style.css├──
script.js└──
images/└──
logo.png
index.html 必须在根目录！不能藏在子文件夹里，否则打开就是 404。2
登录 Cloudflare
▾
3
创建项目
▾
进入 Workers & Pages 后：
① 点击 Create application
② 再点 Get started（选 Pages 那个）
别选错——有两个 Get started，选右边 Pages 那个。
4
给项目起个名字
▾
名字只用 英文小写 + 数字 + 短横线，比如：
my-first-site ✓alan-homepage ✓demo-2026 ✓
不能用中文或特殊符号——项目名就是网址的一部分。
5
上传文件 · 只需拖拽
▾
创建项目后，选择 Drag and drop your files。
把你准备好的文件夹拖进去——或点击选择文件夹。
上传后检查文件列表里有没有 index.html，确认后点 Deploy。
这一步最快——文件夹一拖，几秒就传完。
6
打开网址 · 上线了！
▾
部署完成，Cloudflare 给你一个地址：
https://项目名.pages.dev
复制到浏览器打开——看到页面，就说明上线了。
把链接发出去，任何人、任何设备、有网就能访问。
上线之后 · 维护 & 更新
↻
后续怎么更新？
▾
改了本地文件后：
回到 Cloudflare Pages → 对应项目 → 重新拖拽上传 → 等部署完成。
网址不变，刷新就有了新内容。
不用删项目，直接覆盖上传就行。
发布前检查清单
✓ 发布前，过一遍这些：
常见问题
打开后是 404
▾
检查根目录有没有
文件名必须小写——不是
index.html文件名必须小写——不是
Index.html 或 home.html。
样式没了
▾
CSS 文件没传，或路径不对。HTML 里写
href="style.css"，文件夹里也要有 style.css。
图片不显示
▾
确认图片已上传，路径和 HTML 里一致。比如
<img src="images/logo.png">，文件夹里要有 images/logo.png。
需要买服务器吗？
▾
不需要。Cloudflare Pages 免费托管静态网站，有你需要的所有功能。
能绑定自己的域名吗？
▾
可以。第一次先用
*.pages.dev 跑通流程，域名之后再配。