About
个人集网站 / 前端实验场 / 数字花园
这里用来沉淀博客、导航、项目、工具箱、前端实验和本地服务状态。它不是一次性完成的网站,而是持续迭代的个人工作台。
6+
核心页面
4
动效组件
4
中文文章
通过
构建状态
Timeline
构建过程
这个站点会持续演化,每一步都尽量保持结构清晰、可回退、可扩展。
1
选择 AstroWind 作为底座
保留 Astro、Tailwind、博客、RSS、SEO 等成熟能力,减少从零搭建成本。
2
改造成个人集结构
新增首页、导航、项目、工具箱、实验室和状态页,并使用数据驱动内容。
3
移植轻量动效组件
加入滚动入场、光泽卡片、Bento 入口、Marquee 和磁吸按钮。
4
清理模板痕迹
替换站点身份,归档默认营销页和示例博客文章。
Skills
当前关注的能力栈
AstroTailwind CSSMarkdown / MDX内容结构设计动效组件前端工具箱服务状态页Three.js 预研
Principles
维护原则
页面保持薄
页面只做路由和编排,复杂 UI 拆到组件。
数据独立维护
导航、项目、工具、实验和个人信息优先放进 data 文件。
动效渐进增强
优先使用轻量 CSS 和原生 API,重型 3D 放入实验室。
每步可构建
每次改造后都运行构建验证,避免累积隐性问题。