跳到正文
← 回到项目

个人网站

你现在正在看的这个站。用 Astro 重写过两版,最后收敛成现在这套模块化结构。

年份
2026
我的角色
设计 + 开发(独立完成)
技术栈
Astro · Tailwind CSS · TypeScript

背景

我需要一个能长期维护的地方放项目、照片和文章。之前的版本用了带后端的框架,结果每次想加一个新模块都要动一堆配置。

我做了什么

把网站重构成「内容驱动 + 模块化」的结构:每个模块(项目、摄影、博客)都是一份独立的内容集合,加模块只需要新增一个文件夹和一个路由,不用改已有页面。

首页做成卡片墙,加一张卡片就是加一个组件加一行网格位置。

结果

  • 首屏 JavaScript 从 380KB 降到接近 0
  • 图片全部构建时优化,页面体积缩小约 70%
  • 加一个新模块从半天缩短到半小时