← 返回博客

从零搭建一个静态博客并部署到 Cloudflare Pages

2026-05-28 · 陌南

这篇文章记录我把个人网站部署上线的完整过程。整个站点是纯静态的,只有 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。

就这样,一个属于自己的网站就上线了。


← 返回列表