Cloudflare 网页上传流程备忘录

已上线的网站

主页

tsuyoshi.vip

显示个人画作（cat.png）
Worker名：homepage

书单页

books.tsuyoshi.vip

425部作品总排序
Worker名：steep-credit-f22b

新建网站的步骤

1

准备文件夹

在桌面新建文件夹，放入以下文件：
· index.html（主页面，文件名必须是这个）
· 其他资源文件（图片等，如 cat.png）

2

压缩为 ZIP

右键文件夹 → 添加到压缩文件 → 选择 ZIP 格式

⚠️ 注意：直接压缩文件夹本身，不是压缩里面的文件

3

登录 Cloudflare 控制台

打开浏览器，访问：
https://dash.cloudflare.com

4

创建新项目

左侧菜单 → 构建 → Pages
→ 右上角 创建应用程序
→ Upload your static files

5

上传并部署

填写项目名称（英文，如 myblog）
上传 ZIP 文件 → 点击 部署站点

6

绑定自定义域名

部署成功后 → 点击 设置 标签
→ 域和路由 → 自定义域 → 添加
→ 填入域名（如 xxx.tsuyoshi.vip）→ 确认

💡 DNS 生效需等待几分钟到几十分钟

更新已有网站的步骤

1

准备新文件

修改 index.html 或替换图片等资源，重新打包为 ZIP

2

进入对应项目

控制台 → 构建 → Pages 或 Workers
→ 点击对应项目名称

3

上传新版本

点击 部署 标签 → 上传新的 ZIP 文件 → 自动更新

书单页更新方法

1

重新生成书单 HTML

运行生成脚本，下载新的 booklist.html

2

改名并上传

将 booklist.html 改名为 index.html
→ 直接上传单个文件（书单页不含图片，无需打包 ZIP）
→ 进入 steep-credit-f22b 项目 → 部署 → 上传

📋 Cloudflare 网页上传流程备忘录