个人网站
你现在正在看的这个站。用 Astro 重写过两版,最后收敛成现在这套模块化结构。
- 年份
- 2026
- 我的角色
- 设计 + 开发(独立完成)
- 技术栈
- Astro · Tailwind CSS · TypeScript
背景
我需要一个能长期维护的地方放项目、照片和文章。之前的版本用了带后端的框架,结果每次想加一个新模块都要动一堆配置。
我做了什么
把网站重构成「内容驱动 + 模块化」的结构:每个模块(项目、摄影、博客)都是一份独立的内容集合,加模块只需要新增一个文件夹和一个路由,不用改已有页面。
首页做成卡片墙,加一张卡片就是加一个组件加一行网格位置。
结果
- 首屏 JavaScript 从 380KB 降到接近 0
- 图片全部构建时优化,页面体积缩小约 70%
- 加一个新模块从半天缩短到半小时