大师教你轻松开发部署网站，小白也能上手

总体方案

第一部分：注册 Cloudflare 账号

1. 打开 https://dash.cloudflare.com/sign-up
2. 输入你的邮箱和密码，点击 Create Account（创建账户）
3. 进入邮箱，找到 Cloudflare 发来的验证邮件，点击验证链接完成注册
4. 登录后你会看到 Cloudflare Dashboard（控制面板），这就是后续所有操作的主界面

第二部分：购买域名

你可以在 Cloudflare 直接购买域名（价格最透明，没有首年优惠陷阱），也可以在阿里云、腾讯云等国内服务商购买。

方式 A：在 Cloudflare 购买（推荐）

1. 在 Dashboard 左侧菜单点击 Domain Registration → Register Domains
2. 在搜索框输入你想要的域名（例如 nexatech），Cloudflare 会显示所有可用的后缀和价格
3. 选择你想要的域名后缀（推荐 .com，价格约 $10.11/年 ≈ ¥72），点击 Purchase
4. 填写域名注册人信息（姓名、地址、邮箱等），这些信息会被 WHOIS 隐私保护自动隐藏
5. 选择注册年限（建议先买 1 年），完成支付
6. 购买完成后，域名的 DNS 自动托管在 Cloudflare，无需额外配置

方式 B：在阿里云 / 腾讯云购买

1. 前往 万网（阿里云域名） 或 DNSPod（腾讯云域名）
2. 搜索并购买你想要的域名，完成实名认证
3. 购买完成后，需要将域名的 DNS 服务器改为 Cloudflare（见下方操作）

将外部域名接入 Cloudflare（仅方式 B 需要）

1. 回到 Cloudflare Dashboard，点击 Add a site（添加站点）
2. 输入你刚购买的域名，选择 Free 计划，点击继续
3. Cloudflare 会分配两个 DNS 服务器地址，类似：

   anna.ns.cloudflare.com
   bob.ns.cloudflare.com

4. 回到你的域名注册商（阿里云/腾讯云）的域名管理后台，找到「DNS 服务器」或「Nameserver」设置
5. 将原来的 DNS 服务器替换为 Cloudflare 提供的两个地址
6. 保存后等待生效，通常需要几分钟到 24 小时。Cloudflare 会发邮件通知你接入成功

第三部分：部署网站到 Cloudflare Pages

这是最关键的一步——把你的 HTML 文件上传到 Cloudflare 的服务器上。

方式 A：直接上传（最简单）

1. 在 Cloudflare Dashboard 左侧菜单点击 Workers & Pages
2. 点击 Create（创建）按钮
3. 选择 Pages 标签页，然后点击 Upload assets（上传资源）
4. 给你的项目起一个名字，例如 nexatech-site，点击 Create project
5. 上传文件前，建议先做以下处理：
   关键提示

   在电脑上新建一个文件夹（例如叫 site），把 landing-page.html 复制进去并重命名为 index.html，然后上传整个文件夹。这样访问网站时不用在网址后面加文件名。
6. 点击 Deploy site（部署站点）
7. 部署完成！Cloudflare 会给你一个临时访问地址，类似 nexatech-site.pages.dev，点击确认网站正常显示

方式 B：通过 GitHub 自动部署（推荐长期使用）

如果你的网站需要频繁更新（比如每日更新博客文章），推荐连接 GitHub 实现自动部署。

1. 注册一个 GitHub 账号（如果还没有的话）
2. 创建一个新的仓库（Repository），例如叫 nexatech-site，设为 Public 或 Private 都可以
3. 将你的网站文件上传到仓库，确保根目录有 index.html：

   nexatech-site/
   ├── index.html  ← landing-page.html 重命名

4. 回到 Cloudflare Dashboard → Workers & Pages → Create
5. 选择 Pages 标签页，点击 Connect to Git
6. 授权 Cloudflare 访问你的 GitHub 账户，选择 nexatech-site 仓库
7. 构建设置保持默认（静态 HTML 不需要构建命令），点击 Save and Deploy
8. 以后每次你往 GitHub 推送更新，Cloudflare Pages 会自动重新部署

第四部分：绑定自定义域名

1. 进入 Cloudflare Dashboard → Workers & Pages，点击你的项目（如 nexatech-site）
2. 点击顶部的 Custom domains（自定义域名）标签
3. 点击 Set up a custom domain（设置自定义域名）
4. 输入你的域名，例如 www.nexatech.com，点击继续
5. 如果域名的 DNS 已经托管在 Cloudflare，系统会自动添加 CNAME 记录，点击 Activate domain 即可
6. 建议同时添加裸域名（不带 www 的），即 nexatech.com，步骤相同
7. 等待几分钟，域名就会生效。HTTPS 证书会自动签发，无需手动操作
8. 验证：在浏览器中输入 https://你的域名.com，确认网站正常显示

第五部分：配置优化（可选但推荐）

强制 HTTPS 跳转

1. 在 Cloudflare Dashboard 中选择你的域名站点
2. 进入 SSL/TLS → Edge Certificates
3. 开启 Always Use HTTPS，这样用户即使输入 http:// 也会自动跳转到 https://

开启性能优化

1. 进入 Speed → Optimization
2. 开启 Auto Minify（自动压缩），勾选 JavaScript、CSS、HTML
3. 开启 Brotli 压缩，进一步减小传输体积

配置页面缓存

1. 进入 Caching → Configuration
2. 将 Browser Cache TTL 设为 4 小时（因为你每天更新内容，不宜太长）

第六部分：每日文章更新同步到线上

你的落地页已配置每天自动生成新文章的定时任务，更新后的文件在 page-ce 文件夹中。要让线上网站同步更新：

如果使用直接上传（方式 A）

每次文件更新后，手动重新上传：

1. 进入 Cloudflare Dashboard → Workers & Pages → 你的项目
2. 点击 Create new deployment（创建新部署）
3. 重新上传更新后的 index.html 文件
4. 点击 Deploy

如果使用 GitHub 自动部署（方式 B，推荐）

只需把更新后的文件推送到 GitHub，Cloudflare 会自动重新部署：

cd 你的仓库目录
cp ~/Documents/page-ce/landing-page.html ./index.html
git add .
git commit -m "更新每日文章"
git push

常见问题