2026
个人静态工作站（本站）
用 Astro 构建的纯静态个人站点，零运行时框架依赖，覆盖博客与作品集两套内容模型。
- 担任角色
- 独立设计与开发
- 技术栈
- Astro / TypeScript / Tailwind CSS / Nginx
成果要点
- 首页 HTML 体积控制在 10KB 以内，框架运行时 JS 为 0
- 全站无境外资源依赖，避免第三方 CDN 影响加载与可用性
- 内容与展示分离，新增文章只需提交一个 Markdown 文件
- 深浅色主题在首屏渲染前完成切换，无闪白
背景
需要一个长期可维护的个人内容站点，同时要满足个人非经营性备案的形态要求：不能有用户生成内容，不能有后台。
方案
选择静态生成方案，构建产物是纯 HTML 与 CSS，部署在境内服务器上由 Nginx 直接托管。
关键取舍
- 零后端：没有服务端接口，从形态上排除 UGC 与经营性风险
- 内容即文件：文章用 Markdown 编写，随代码进版本库，天然有历史记录
- 样式原子化：用 Tailwind 按需生成样式，避免维护庞大的自定义 CSS
成果
- 首页 HTML 约 8KB，框架运行时 JS 为 0，主题切换脚本内联
- 类型检查零错误零警告，构建产物可直接部署
- 新增一篇文章的成本是一次 Git 提交