像素漫游个人站

这是什么程序

一个使用 Astro 构建的个人内容网站，通过可逆滚动把文章、本人程序和个人介绍组织成陆地、深海、星空三段旅程。

为什么编写它

普通作品集擅长陈列，却不一定能表达创作过程。这个程序尝试让浏览本身成为叙事，同时保持正文、链接和静态路由真实可访问。

本人完成了什么

• 信息架构与内容结构设计
• Astro 静态站点开发
• PixiJS 场景与滚动状态协调
• 响应式与 Reduced Motion 适配

核心功能

• Markdown/MDX 内容在构建期生成独立静态页面
• 单一滚动进度驱动三段 Canvas 场景
• 真实 DOM 内容与 Canvas 背景分层
• 支持移动端、键盘访问和 Reduced Motion

技术方案

• Astro Content Collections 管理文章与 Programs
• React 交互岛负责首页状态和内容入口
• PixiJS 绘制场景，GSAP ScrollTrigger 映射滚动进度
• 生产输出为可独立托管的静态目录

程序演示

当前限制

• Program 演示系统仍在后续里程碑中完善
• 部分场景细节与反向滚动验收尚未完成

数据和隐私说明

数据存储

不存储数据

向外发送数据

不会

外部服务

无