这个博客系统是我为了记录学习过程和分享技术见解而构建的。从设计到部署,整个过程让我对现代 Web 开发流程有了更深入的理解。
设计思路
在设计阶段,我希望博客能够兼顾可读性与视觉美感。参考了多家科技公司的博客设计后,我确定了内容优先、克制用色的原则。页面以大量留白为基础,用一套温暖的中性色作为底色,让文字和图片成为视觉焦点。
技术选型
站点采用 Astro 静态构建,内容通过 Markdown 管理。这样既能保留低维护成本,也能通过 GitHub 和 Cloudflare Pages 自动构建部署。
关键特性
- 支持项目和文章内容配置化。
- 支持深色模式切换。
- 使用统一设计 token 管理颜色、字体、间距和圆角。
- 适合 Cloudflare Pages、Vercel 或 GitHub Pages 免费部署。
技术栈
AstroTypeScriptMarkdownCloudflare Pages