给个人博客做第一次完整改版，我改了哪些地方
从页面结构、导航可用性到内容栏目，我把这个博客从单页模板整理成了一个真正能继续写下去的个人空间。
最近状态
把技术成长和个人记录一起留在这里
这里主要更新前端学习、练手项目、效率工具以及一些日常碎片。希望每篇文章都不是“为了发而发”，而是能留下真正帮到未来自己的经验。
MOD-01
RUNNING
12
篇学习记录
MOD-02
ACTIVE
4
个练手项目
MOD-03
SYNC
持续更新
技术和生活并行
科普频道推荐
把输入变成输出技术笔记
记录前端基础、页面实现、踩坑排查和一些值得反复回看的开发技巧。
项目复盘
把每次做站点、练习页面和小工具时的思路、结构和问题整理成可复用的经验。
个人记录
留一点空间写阅读、观影、学习节奏和那些不想被快速遗忘的生活瞬间。
最近在做什么
在学
前端页面结构和动效表达
一边补基础，一边练习把“好看”做成真正可用、可维护的页面。
在做
个人博客持续迭代
把静态页面慢慢补成一个像样的个人空间，先从首页、文章页和项目页开始。
在看
设计灵感和技术文章
最近会刻意关注排版、色彩和布局，让页面不只“能跑”，也更有辨识度。
最新文章
CSS 动效不只是“会动”，还要服务页面气质
这篇文章记录我最近在练页面动效时的体会：什么时候该克制、什么时候该强调，以及怎样让动画更自然。
最近重新找回学习节奏的一点方法
没有追求一天学很多，而是把任务拆小，把“持续”放在“冲刺”前面，这样反而更容易慢慢看到积累。
从一个首页练习里学到的布局细节
同样的内容，换一套信息层级和留白策略，观感会完全不一样。这篇整理了几个我最常回头检查的点。
精选项目
查看全部个人博客 2.0
继续完善博客内容、页面结构和视觉表达，让它不仅能展示，也能长期更新。
HTML · CSS · GitHub Actions · Cloudflare Pages
动效落地页实验
尝试用更细致的布局和动效做一个带情绪感的前端展示页面，练习视觉与信息密度的平衡。
HTML · CSS Animation
学习记录库
把平时零散的知识点整理成能回顾的文章和清单，给未来的自己留下一份可检索的成长轨迹。
Markdown 思维 · 内容整理
更新节奏
去文章页学习到一个能复用的点，就写短文
适合记录布局技巧、动效体会、踩坑修复、工具使用感受，不用等到特别完整才发布。
项目每推进一段，就补一篇复盘
比如做完首页、接入部署、改完视觉层级后都能单独写一篇，后面回头看会很有价值。
每周留一条个人状态更新
写最近学了什么、卡在什么地方、看了什么内容，博客会更有“持续活着”的感觉。
