可调主题系统
支持浅色、深色、跟随系统，还可以切换主题色和视觉效果。
Front-end Learner · Personal Site
Hi，我是 Zzzs
我正在把这个网站做成自己的数字小屋：展示项目、整理学习笔记，也记录从 0 到 1 搭建个人主页的过程。
01
个人主页项目
04
核心页面模块
∞
持续学习中
Zzzs
前端学习中 · 个人网站搭建中
当前项目
Person-Web
当前目标
上线个人主页
学习方式
边做网页，边用 Obsidian 记录
About Me
关于我
我正在做什么
搭建一个属于自己的个人网页，把学习过程、项目作品和想法慢慢沉淀下来。
近期方向
先把主页视觉和结构打磨完整，再继续补充项目详情、笔记页面和更多小作品。
我喜欢的风格
柔和、圆角、玻璃拟态、带一点轻微动效，看起来舒服但不过度花哨。
Skills
正在学习的技能
HTML
CSS
JavaScript
GitHub Pages
Obsidian
响应式布局
玻璃拟态
主题切换
Showcase
主页亮点
彩虹头像圈
给头像增加一点个性化装饰。
玻璃拟态面板
设置面板轻盈、半透明，和整体风格统一。
My Projects
项目展示
个人主页
用 HTML、CSS 和 JavaScript 做出的个人网页，包含首页介绍、深色模式、时间线和项目展示。
查看详情Obsidian 知识库
记录个人网页从 0 到 1 的学习过程，包括每天做了什么、遇到的问题和解决方法。
了解 Obsidian未来项目规划
未来可以继续做项目详情页、学习笔记页面、待办清单或者作品集页面。
继续规划Timeline
学习时间线
2026.05.14
创建个人主页
完成 HTML 和 CSS 基础结构，搭建了头像、介绍、兴趣和链接区域。
2026.05.14
添加导航栏和项目展示
页面增加顶部导航栏、项目卡片和学习笔记区域，结构更完整。
2026.05.14
加入深色模式
使用 JavaScript 实现深浅色切换，并用 localStorage 记住主题选择。
Learning Notes
学习笔记
这里以后可以放你的 Obsidian 笔记目录，比如 HTML、CSS、JavaScript、项目日志和问题记录。