Personal Interface
将个人主页从单一展示页重构为可持续维护的个人数字工作台系统。
01 / 背景与问题 · Context
问题不是页面不够炫酷,而是过去的内容容易堆砌在同一层级。招聘方难以快速定位工程能力与证据,个人生活切片也容易挤占专业判断的注意力。
02 / 架构决策 · Decisions
将整个个人网站明确解耦为五个长期维护的独立界面:
- Home:Air.inc 官方高审美晨曦天幕主页,承担定位、精选项目与工作台交互。
- Projects:工程项目归档与深度案例分析。
- Blog:沉淀长周期思考的技术笔记与复盘文章。
- Life:独立、真实且低调的照片、旅行与生活痕迹。
- Resume:直接展示可打印与下载的原始 PDF 简历。
03 / 交互与性能原则 · Performance & Motion
动态交互负责解释层级,不负责代替内容本身。全站放弃重型框架与庞大 CSS 库,采用纯原生 CSS 与轻量 Vanilla JS,保证首屏在任何设备上 0 延迟秒开,并支持优雅的响应式适配与减弱动态偏好。
04 / 验证与上线 · Validation
每次重构均经过桌面与移动端渲染测试、无障碍访问测试、静态编译语法校验与 GitHub Pages 自动化流水线验证,确保对外公开链接 100% 可用且无控制台报错。