没有服务器？没有备案？手把手教你白嫖部署个人网站

3.1 创建仓库#

打开 GitHub（github.com），登录后点右上角 + 号 → New repository。

仓库名随便起，比如 my-blog、my-website，公开（Public） 就行。

为啥要公开？因为 Cloudflare Pages 免费版只能读取公开仓库。
不想公开？充钱开 Pro，或者看下一篇「有服务器版教程」。

3.2 上传代码#

仓库创建好后，你有几种方式上传代码：

方式A：网页直接传（最简单，手机也能操作）

1. 进入仓库页面，点击 “Add file” → “Upload files”
2. 把你的网站文件（HTML、CSS、JS、图片）拖进去
3. 点 “Commit changes”

注意：GitHub 网页版不支持上传文件夹，只能传单个文件。
如果文件多，建议打包成 ZIP 上传，后面用 GitHub Actions 自动解压，或者……直接看方式B。

方式B：Git 命令行（适合电脑操作）

1
# 克隆仓库到本地
2
git clone https://github.com/你的用户名/仓库名.git
3

4
# 把你的网站文件复制进去
5
cp -r 你的网站文件/* 仓库名/
6

7
# 提交上传
8
cd 仓库名
9
git add .
10
git commit -m "init: 上传网站"
11
git push origin main

方式C：手机 Termux（进阶）

如果你手机上装了 Termux，可以直接在手机上执行 Git 命令，跟电脑一样操作。

不会用 Termux？那还是方式A吧，网页点点点就行。

4.1 登录 Cloudflare#

打开 dash.cloudflare.com，登录你的账号。

4.2 创建 Pages 项目#

左侧菜单找到 “Pages”，点击 “创建项目”。

选择 “连接到 Git”，然后授权 Cloudflare 访问你的 GitHub 账号。

4.3 选择仓库#

在列表里找到你刚才创建的仓库，点击 “开始设置”。

4.4 配置构建设置#

这里分两种情况：

情况A：纯静态网站（只有 HTML/CSS/JS）

• 框架预设：None
• 构建命令：留空
• 输出目录：留空（或者填 .）

情况B：用框架生成的网站（比如 Hexo、VitePress、Astro）

• 框架预设：选择对应的框架
• 构建命令：填框架的构建命令（比如 npm run build）
• 输出目录：填构建输出目录（比如 dist、public）

如果你用的是我博客那个 Firefly 模板，框架预设选 Astro，构建命令填 npm run build，输出目录填 dist。

4.5 部署#

点 “保存并部署”，等个 1-2 分钟，Cloudflare 会自动构建并部署你的网站。

部署成功后，你会看到一个类似 https://xxx.pages.dev 的链接，这就是你的网站地址。

5.1 在 Cloudflare 添加域名#

1. 进入你的 Pages 项目，点击 “自定义域”
2. 输入你的域名，比如 www.yourname.top
3. 点 “继续”

5.2 修改域名 DNS#

Cloudflare 会提示你添加一条 CNAME 记录。

去你的域名服务商（比如阿里云、腾讯云、Namecheap），找到 DNS 解析设置，添加一条记录：

等 DNS 生效（通常几分钟到几小时），访问 www.yourname.top 就能看到你的网站了。

注意：如果域名没备案，不要解析到国内服务器，否则会被墙。
但解析到 Cloudflare Pages 是完全没问题的，因为服务器在国外。