从零搭建一个个人博客需要什么?一台服务器?一个数据库?一套后端框架?其实都不需要。在 2025 年,用最朴素的前端技术就能做出一个漂亮、快速、零成本的博客。
技术选型
最终方案非常简单:
- HTML + CSS + JavaScript — 纯静态页面,没有框架
- GitHub — 代码托管,版本管理
- Cloudflare Pages — 静态网站托管,自动部署
这个组合的好处是:零服务器成本、全球 CDN 加速、推送代码即自动部署、完全掌控内容。
设计思路
设计上,我选择了暗色调搭配暖色系强调色的方案,灵感来自传统印刷品和文学杂志。使用衬线字体来营造一种安静、沉浸的阅读氛围。
好的博客设计应该像一间安静的书房——让你想要坐下来,慢慢阅读。
部署流程
整个部署流程只需要几步:
- 在 GitHub 上创建一个仓库,把所有文件推上去
- 在 Cloudflare Dashboard 中选择 Pages,连接 GitHub 仓库
- 设置构建命令(纯静态则留空)和输出目录(根目录
/) - 绑定自定义域名
之后每次 git push,Cloudflare 就会自动重新部署。整个过程不超过五分钟。
写新文章的流程
添加一篇新文章也很简单:复制一篇已有的文章 HTML 文件,修改标题、日期、正文内容,然后在首页的 index.html 里加一个对应的卡片链接。推送代码,文章就上线了。
虽然不像 WordPress 那样有后台编辑器,但这种「用代码写文章」的方式反而让我觉得更自由——完全掌控每一个细节。
总结
技术不一定要复杂才有价值。有时候,最简单的方案反而是最好的方案。这个博客没有用任何框架,没有一行后端代码,但它完全属于我,快速、安全、零成本。
如果你也在考虑搭建自己的博客,不妨试试这个方案。