Hero 首页布局
首页采用左右布局，左侧介绍自己，右侧展示头像和当前状态。
当前阶段
个人主页 V1.5
已完成首页布局、主题系统、视觉效果和学习时间线。
Goal
项目目标
搭建一个属于自己的个人网站。它不仅是展示页面，也是一份学习记录：从 HTML、CSS、JavaScript 基础开始，逐步加入交互、视觉效果、部署流程和项目详情。
用到的技术
HTML
CSS
JavaScript
localStorage
GitHub Pages
Obsidian
已完成功能
主题模式
支持浅色、深色、跟随系统，并且会记住用户选择。
玻璃拟态设置面板
将主题、颜色、视觉效果集中到一个轻量设置面板里。
主题色切换
支持蓝色、薰衣草紫、绿色、粉橙色等不同主色。
视觉效果
包含背景光斑、卡片悬浮、淡入动画和彩虹头像圈。
学习时间线
记录个人主页从创建到不断完善的过程。
下一步计划
下一步
继续完善项目详情页
补充截图、开发过程、遇到的问题和解决方法。
之后
制作学习笔记页
把 Obsidian 里的 HTML、CSS、JavaScript 笔记整理成网页入口。
长期
持续迭代作品集
添加更多小项目，比如待办清单、工具页面、博客文章页等。