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 放入实验室。

每步可构建

每次改造后都运行构建验证,避免累积隐性问题。