换皮肤不是换仓库

al-folio 还是这个仓库的底。我想换的是人打开首页时的疏密，不是另起一个站点生成器。Majd 那种 2×2 太整齐，四块一样大，像展板。后来改成左右错落。模板能借鉴，仓库还是这个 Jekyll。壳换了，md 还在 _posts 里。我想过把主题目录整份换掉，换完 permalink 还在，照片路径会裂。裂了再修一天，首页疏密的那点快感就没了。所以只改疏密，不换仓库。仓库是真源所在，壳不是。

2×2 为什么看着假

整齐本身没有错。个人站的内容却不整齐：课设、国创、检测、实习、山上的照片，体量差很多。硬塞进四个一样的格子，短的那块会注水，长的那块会被裁。我试过注水。注完像宣传册，不像我的页面。

错落之后，照片可以占一块较宽的位置，一句短的荣誉可以靠另一侧。读者的眼睛有主次。主次是我排的，不是网格线排的。网格线省事，省事的代价是所有东西看起来同等重要。同等重要等于都不可信。

借鉴 Majd 的时候，我只看留白和图片比例。不把他们的组件文件拷进来。拷进来就要接他们的构建。接构建等于换仓库。换仓库的工作量会吞掉改字的时间。我这阶段要改的是字和照片，不是框架。

用户能看见的页面要真走过

换皮肤最容易犯的错是：本地渲染一张图，觉得可以了。真用户路径是点、打字、跳转。导航从首页到故事页、从故事页到一篇笔记、从笔记回到关于。窄屏上左右错落会不会挤成一列乱序，要看，不能猜。

我没有在这条任务里开完整的浏览器自动化。能做的是本地 bundle exec jekyll serve --host 127.0.0.1 --port 4000，自己点。点的时候用本机窗口缩到手机宽度看一次。只看桌面宽度，上线后手机打开会后悔。

链接是另一类假完成。皮肤改了 class，旧的锚点还在文章里。文章还在，点过去 404。我改过一次导航文案，漏了 permalink。permalink 在 front matter 里，皮肤管不到。皮肤和正文的分工要清楚，出错才知道去哪找。

照片用自己的

换皮肤会让人想「该配更干净的图」。干净的图很容易滑向生成的脸。我把自己的照片放进 assets/img/folio，不用 AI 证件照。糊一点、裁一点，比一张完美的校园风肖像可信。

皮肤再改，图片路径还是这些文件。路径一换，所有页面一起裂。所以换皮肤时我尽量不动文件名。动样式，不动资产命名。命名一乱，Git 历史也难读。

陶土红的 favicon 是后改的。和这次错落可以一起出现在站点里，但不是同一件事。错落管布局，favicon 管标签页那一小块识别。两件事写成一次「品牌升级」，句子会超过实际改动。超过实际改动的句子，我从站点上删。

模板能借鉴的边界

能借鉴：间距、字号层次、图片和文字谁先出现。不能借鉴：把别人的整站 CSS 覆盖进来，再在缝里补 al-folio 的变量。缝里的东西下一次升级主题就会炸。

al-folio 升级本身就够烦。我改过的布局越多，升级越不敢。所以错落只改需要的文件，不顺手重排所有 partial。发现无关的旧 class，记在笔记里，除非挡住当前显示，否则不扩范围。

GitHub Pages 仍是发布端。皮肤再花，不能依赖 Pages 不允许的构建。本地用了很多插件才漂亮，推上去就退回素颜，那种漂亮不要。

仓库还是这个仓库

换皮肤的心理陷阱是：既然已经打开主题文件，不如把导航、颜色、字体、页脚一起换。一起换的 diff 我审不完。审不完就等于把站点交给一次审美冲动。

我收到的限制是：al-folio 还在；内容还是 md；发布还是 Pages。错落是壳。壳可以再改。仓库名字、帖子的 permalink、简历对应的故事页，这些不动。动了就不是换皮肤，是换一座站。换一座站要另开任务，不要藏在「调一下首页」里。

错落之后我仍要走一遍真路径：首页到故事页，故事页到笔记，笔记回到关于。窄屏上左右变成上下时，照片会不会压住下一句荣誉。压住了就减图，不要加字去解释。字解释不了被挡住的名次。名次以简历为准。皮肤再好看，也不能把北京赛区一等奖排到看不见的地方，更不能为了格子好看去改名次。格子服务于核对。核对失败，壳就还没换完。