CASE STUDY · 2026
个人技术博客
一个由 Markdown 驱动、自动部署且易于长期迁移的技术实践与项目展示网站。
状态首版完成
角色设计与开发
技术Hugo / Cloudflare Pages / Markdown / 原生 CSS
背景
需要一个比 PDF 简历容纳更多过程信息的公开入口,用来持续记录技术实践、实验复盘和项目判断。网站既要便于写作,也要避免为了维护博客本身消耗过多时间。
关键约束
- 首期托管和平台地址免费;
- 所有文章以 Markdown 保存在 Git 仓库;
- 不依赖数据库和服务器运维;
- 桌面端和移动端都能清晰阅读;
- 更换托管平台时不重写内容;
- 站点需要体现个人判断,而不是直接套用通用博客主题。
方案
网站使用 Hugo 生成静态页面,Cloudflare Pages 负责构建和发布。视觉层使用自定义模板与原生 CSS,不引入前端框架和运行时依赖。搜索索引也由 Hugo 在构建时生成,浏览器只负责在本地过滤结果。
已实现
- 首页、文章列表、文章详情、项目、关于与搜索;
- 标签、RSS、Sitemap、Robots 与基础社交分享元数据;
- 代码高亮、目录、响应式排版和深色模式;
- Git 推送触发的 Cloudflare Pages 自动部署配置。
后续迭代
真实内容稳定后再绑定独立域名,并补充访问统计。评论功能只有在确实出现讨论需求时才加入,避免为了一个暂时不存在的场景增加维护面。