写博客的人，大多都经历过折腾服务器的阶段。买域名、配 HTTPS、装环境、防攻击，一套流程下来，热情往往消磨了一半。其实对于个人博客这种轻量级静态站点，完全可以选择免费的部署方案，把精力放回内容本身。
如果你正在使用 Hexo、Hugo、VitePress 这类静态站点生成器，那么 Vercel 和 Cloudflare Pages 是当前最主流的两个选择。它们都提供免费额度，支持全球 CDN 加速，并且与 Git 仓库无缝集成。下面是我实际部署过程中的一些经验，按步骤整理出来，供你参考。
准备工作：仓库与本地构建
在开始之前，你需要一个 GitHub 或 GitLab 仓库，用来存放博客的源代码。这是整个流程的基础，后续的自动部署都依赖这个仓库。
在本地写完文章后，执行站点生成器的构建命令，确保 `public` 目录（或你指定的输出目录）能正常生成。以常见的 Hexo 为例，执行 `hexo generate` 后，站点文件会出现在 `public` 文件夹中。这一步是为了确认代码本身没有问题，避免部署时才发现错误。
方式一：部署到 Vercel
Vercel 对前端项目非常友好，操作界面也比较直观。
1. 导入项目：登录 Vercel 官网，点击 “Add New” 选择 “Project”，然后关联你的 Git 仓库。授权后，Vercel 会自动识别项目类型。
2. 配置构建命令：在配置页面，Vercel 通常会默认填入正确的框架预设。如果识别有误，可以手动修改：
- Build Command：填写 `hexo generate` 或 `hugo –gc –minify` 等实际命令。
- Output Directory：务必填写为 `public`。
3. 部署上线：点击 “Deploy” 按钮，等待一两分钟，Vercel 会分配一个 `*.vercel.app` 的二级域名供你访问。首次部署完成后，后续每次推送代码到仓库，Vercel 都会自动触发构建和更新。
Vercel 的优势在于构建速度快，绑定自定义域名也只需在 DNS 管理后台添加一条 CNAME 记录指向 `cname.vercel-dns.com` 即可。
方式二：部署到 Cloudflare Pages
如果你更看重全球节点的覆盖范围，或者已经将域名托管在 Cloudflare，那么 Pages 会是更顺手的选择。
1. 进入 Pages 控制台：登录 Cloudflare 后台，在左侧菜单找到 “Workers 和 Pages” 入口，点击 “创建” 后选择 “Pages” 选项卡。
2. 连接 Git 仓库：选择 “连接到 Git”，完成 GitHub 授权后，选中对应的博客仓库。
3. 设置构建设置：这里与 Vercel 的配置项几乎一致。在 “构建配置” 中填入构建命令和输出目录，保存并部署即可。Cloudflare 同样会提供一个 `*.pages.dev` 的免费子域名。
值得一提的是，Cloudflare Pages 的构建日志查看体验很好，如果部署失败，你能很方便地定位到是依赖安装问题还是构建脚本语法问题。
两者的简单对比
用了一段时间后，我觉得两者在核心体验上相差无几：
- 01速度与稳定性
Cloudflare 的免费套餐在带宽上不设上限，这对于图片较多的博客很有吸引力。Verce
- 02易用性
Vercel 的界面引导更细致，对新手更友好；Cloudflare 则适合本身就在用他们家服
- 03自定义域名
两者都支持 HTTPS 自动签发证书。区别在于，如果你的域名 DNS 由 Cloudflar
写在最后
无论选择哪一家，你都需要将本地生成的最新静态文件推送到仓库，剩下的交给平台即可。对于个人博客而言，把时间和精力花在选题和写作上，远比花在服务器运维上更有价值。希望这份教程对你的部署过程有所帮助。