这篇文章记录我把个人网站部署上线的完整过程。整个站点是纯静态的,只有 HTML 和 CSS,部署在 Cloudflare Pages 上,免费、自带 HTTPS、推送代码就自动更新。
一、项目结构
整个项目非常简单,根目录下几个文件:
.
├── index.html 首页(作品集)
├── blog.html 文章列表
├── post.html 文章详情
├── style.css 样式
└── _headers Cloudflare 缓存与安全头配置
二、本地预览
因为是纯静态站点,本地随便起一个服务就能看:
python -m http.server 8000
# 然后浏览器打开 http://localhost:8000
改完直接刷新即可,所见即所得。
三、推送到 GitHub
把代码提交到仓库:
git add .
git commit -m "update site"
git push
四、部署到 Cloudflare Pages
在 Cloudflare 控制台里 Workers 和 Pages → 创建 → Pages → 连接到 Git,选中仓库后,构建配置这样填:
- 框架预设:
无(None) - 构建命令:留空
- 构建输出目录:
/
因为没有构建步骤,Cloudflare 直接把仓库根目录当成网站发布,几十秒就部署完了。之后每次 git push 都会自动重新部署。
五、绑定自定义域名
最后在项目的 自定义域 标签里添加自己的域名。如果域名本身就托管在同一个 Cloudflare 账户,它会自动配好 DNS,等几分钟证书签发完成就能用 HTTPS 访问了。
小结:纯静态 + Cloudflare Pages 是个人网站性价比极高的方案——零成本、零运维、全球 CDN。
就这样,一个属于自己的网站就上线了。