基于 Vite、React 与 TypeScript 构建的个人主页,用于展示个人博客、近期作品与自我介绍。界面采用液态玻璃与沉浸式编辑排版,以 #FCF9E8 和 #41BBC8 为主色,并支持响应式布局、深浅色主题和减少动画偏好。博客内容后续用于收录 CSDN 与语雀笔记。
首页背景由 Canvas 实时绘制,桌面端会根据鼠标位置产生网格扰动与光晕反馈;触屏设备与“减少动态效果”环境会自动使用更平稳的展示方式。
src/
├── components/ # 页面模块组件
├── hooks/ # 通用交互 Hook
├── App.tsx # 页面结构入口
├── main.tsx # React 应用入口
└── styles.css # 全局样式与主题变量
pnpm.cmd install
pnpm.cmd devpnpm.cmd lint
pnpm.cmd build- 图标统一使用
reicon-react。 - OpenSpec 已针对 Codex 初始化,配置位于
openspec/config.yaml。 - Windows 环境下统一使用
.cmd执行包管理命令。