Posts

文章与记录

这里先放一批可读的文章草稿,方便博客先跑起来,也方便后续继续扩写。

先写下来,再慢慢写深

这些文章以“技术 + 个人记录”为主,有些偏实践总结,有些偏阶段性思考。后面我会继续把它们扩成更完整的版本。

给个人博客做第一次完整改版,我改了哪些地方

2026年4月9日 | 项目复盘

这次改版最核心的变化,不是单纯把页面做得更花,而是让整个博客真正“能用”。原来首页更像一个展示模板,现在我补齐了文章页、项目页、关于页和联系页,让导航里的每个入口都能落到实际内容上。

我也重新整理了首页信息层级,把“我是谁、这里写什么、最近在做什么、最新文章和精选项目”这些内容放到更清晰的位置。这样访客第一次进入时,不需要猜这个博客是做什么的,浏览路径会自然很多。

CSS 动效不只是“会动”,还要服务页面气质

2026年4月7日 | 技术笔记

最近做页面时,我越来越觉得动效的作用不只是“吸引注意”,而是帮助页面建立节奏。比如一个有主题感的页面,如果所有元素都用同样的过渡动画,最后看起来可能反而没有重点。

我开始更留意不同模块的动效层级:背景负责氛围,卡片负责轻微反馈,主按钮负责明确引导。动画幅度不需要很大,但要让人感觉页面是活的,而且这种“活”是和内容一致的。

最近重新找回学习节奏的一点方法

2026年4月4日 | 个人记录

以前很容易陷入一种状态:想学很多,列计划时特别用力,真正执行时却很难持续。后来我发现,比起把目标定得很大,不如先让行动变得轻一点,轻到忙的时候也能做一点。

这段时间我会把学习任务拆成很小的块,比如“整理一个布局细节”“给页面补一个模块”“写一段短记录”。虽然单次推进不算大,但连续几天之后,反而更能感受到自己在往前走。

从一个首页练习里学到的布局细节

2026年3月30日 | 前端实践

同样一份内容,信息层级稍微调整一下,阅读体验就会差很多。比如标题、说明文和按钮之间的距离,如果都靠得很近,页面会显得挤;如果完全拉开,又容易让内容失去关联。

我现在做首页时,会优先想“用户第一眼应该先看到什么,第二眼应该去哪里”。先把阅读顺序想清楚,再决定卡片数量、留白和颜色强调,往往比直接开始堆效果更有效。

二次元角色