2026年个人建站首选：Cloudflare Pages从零到上线的完整流程

上个月帮朋友搭了个公司官网，用的Cloudflare Pages + GitHub。从注册域名到网站上线，全程不到两个小时，一分钱没花。记录一下完整流程。

为什么选Cloudflare Pages

之前静态站托管我主要用Netlify和Vercel。Netlify免费版每月100GB带宽，Vercel 100GB。Cloudflare Pages没有带宽限制——对，不限流量。而且全球300多个节点，国内访问延迟也不错，上海电信实测平均80ms。

2025年底Cloudflare还加了两个实用功能：内置的图片优化（自动转WebP/AVIF）和表单处理（Pages Functions），到现在已经很成熟了。

第一步：域名

在Cloudflare注册或者转入域名都行，价格透明，没有隐藏费用。.com域名续费$10.44/年，跟Namecheap差不多。好处是域名和托管在同一个面板管理，不用改NS记录。

如果是别处买的域名，把NS服务器改成Cloudflare分配的地址，一般24小时内生效。实测Namecheap、阿里云、GoDaddy的域名都能顺利转入。

第二步：框架选择

Cloudflare Pages原生支持20多个框架：Next.js、Astro、Hugo、Gatsby、Jekyll、Nuxt、SvelteKit等等。我帮朋友选的是Astro——生成速度快，Markdown写内容，默认零JS，对SEO友好。

安装就一行：npm create astro@latest。选个模板，改改颜色和文案，半小时就能有个像样的官网。

第三步：连接GitHub

代码推到GitHub仓库，在Cloudflare Pages面板里点「创建项目」→ 连接GitHub → 选仓库 → 设构建命令（Astro默认是 npm run build，输出目录 dist）→ 部署。

首次部署大概两分钟。之后每次push自动触发构建和部署，不需要手动操作。

第四步：域名绑定和SSL

Pages面板里点「自定义域」，输入域名，Cloudflare自动配置DNS和SSL证书。全程不到一分钟，证书用的Cloudflare自家的边缘证书，兼容性好，自动续期。

第五步：加表单（可选但推荐）

Pages Functions本质上是Cloudflare Workers的轻量版，可以写简单的服务端逻辑。我朋友官网需要个联系表单，用了Pages Functions接Resend API发邮件，10行代码搞定。

在项目根目录建 functions/api/contact.js，处理POST请求，调Resend的SDK发邮件。部署后访问 /api/contact 就能用。

费用总结

域名$10.44/年，托管免费，表单免费（Pages Functions每天10万次请求）。对比我之前用的VPS方案（$20/月），一年省下$230。关键是再也不用管服务器了——不打补丁、不装Nginx、不配SSL。

标签： Cloudflare Pages 网站建设 静态网站 建站教程 个人建站