Front-end Learner · Personal Site

Hi，我是 Zzzs

我正在把这个网站做成自己的数字小屋：展示项目、整理学习笔记，也记录从 0 到 1 搭建个人主页的过程。

01 个人主页项目
04 核心页面模块
∞ 持续学习中
查看作品集 学习笔记
HTML CSS JavaScript Obsidian
我的头像

Zzzs

前端学习中 · 个人网站搭建中

当前项目 Person-Web
当前目标 持续完善个人主页
学习方式 边做网页，边用 Obsidian 记录

About Me

关于我

🌱

我正在做什么

搭建一个属于自己的个人网页，把学习过程、项目作品和想法慢慢沉淀下来。

🧭

近期方向

先把主页视觉和结构打磨完整，再继续补充项目详情、笔记页面和更多小作品。

✨

我喜欢的风格

柔和、圆角、玻璃拟态、带一点轻微动效，看起来舒服但不过度花哨。

GitHub 我的笔记 联系我

Skills

正在学习的技能

HTML CSS JavaScript GitHub Pages Obsidian 响应式布局 玻璃拟态 主题切换

Showcase

主页亮点

🎨

可调主题系统

支持浅色、深色、跟随系统，还可以切换主题色和视觉效果。

🌈

彩虹头像圈

给头像增加一点个性化装饰。

💎

玻璃拟态面板

设置面板轻盈、半透明，和整体风格统一。

Calendar

我的日历

主页里放一个月历组件，能查看日期、二十四节气、传统节日、法定节假日和常见国际节日。

Month View

日历

正在加载节日和节气信息。

本月节日 / 节气 内置 2025-2027 数据

    My Projects

    项目展示

    更多项目和练习会集中整理到作品集页面。

    个人主页

    用 HTML、CSS 和 JavaScript 做出的个人网页，已经上线到 thezs.top，包含首页介绍、主题系统、时间线和项目展示。

    HTML CSS JS
    查看作品集

    Obsidian 知识库

    记录个人网页从 0 到 1 的学习过程，包括每天做了什么、遇到的问题和解决方法。

    Markdown Notes
    了解 Obsidian

    随机语录小作品

    一个用 JavaScript 做的小 demo，点击按钮后随机切换一句学习语录，并支持复制内容。

    JavaScript DOM Practice
    打开作品

    待办清单小作品

    练习表单输入、列表渲染、完成状态、删除任务，并用 localStorage 保存到浏览器。

    JavaScript localStorage Todo
    打开作品

    月历小作品

    主页上的月历组件，支持月份切换、节日/节气显示，也可以点击日期添加普通标记。

    JavaScript Date Calendar
    打开作品

    Timeline

    学习时间线

    2026.05.14

    创建个人主页

    完成 HTML 和 CSS 基础结构，搭建了头像、介绍、兴趣和链接区域。

    2026.05.14

    添加导航栏和项目展示

    页面增加顶部导航栏、项目卡片和学习笔记区域，结构更完整。

    2026.05.14

    加入深色模式

    使用 JavaScript 实现深浅色切换，并用 localStorage 记住主题选择。

    2026.05.16

    补充学习笔记和小作品

    新增 CSS / JavaScript 笔记页，并把月历组件放到主页中。

    Learning Notes

    学习笔记

    这里会继续整理 Obsidian 里的学习内容：HTML、CSS、JavaScript、项目日志、部署记录和踩坑笔记。