我给我的博客穿上了优衣库
最近想要整理一下我的博客,写了一些文章一直没有更新上去。然后打开博客,突然觉得样式和风格自己不太喜欢了,也不想用双链笔记了,于是开启了博客换皮改造之路。
该换件衣服了
用了很久的 Quartz 博客模板,说不上哪里不好,但看久了就是会腻。就像衣柜里那件穿了三年的基础款T恤——没毛病,但你已经不想再穿了。

说干就干,决定给博客换身衣服。
但现在大家都穿成了一个样
准备动手之前,我翻了翻最近看过的各种个人网站和博客。
一个很直观的感受:大家的网站越来越像了。
圆润的卡片、渐变配色、毛玻璃效果、大面积留白加一个 hero section——好看吗?好看。但看多了,就像走进一条全是网红店的街,每家都精致,却分不清谁是谁。
用 Claude 做设计的人越来越多,AI 风格正在形成一种新的”审美疲劳”。就像某一年所有人突然都穿上了同一款oversize西装外套——单看每个人都不错,但放在一起就失去了辨识度。
我不想我的博客也穿成这样。
翻衣柜不如翻书架
想要穿出不一样的感觉,又不知道往哪个风格走的时候,我抬头看了一眼书架。
几本优衣库的 LifeWear 杂志安静地躺在那里。

我一直挺喜欢优衣库的——不只是衣服,更是他们的杂志。那种排版、字体间距、留白的方式,说不上什么专业术语,但就是觉得舒服。干净、克制、每一个元素都恰到好处。
不是设计行业出身,但对这本杂志有种莫名的好感,翻开就觉得好看。
那一刻我想:就给博客穿这件。
怎么穿的:先量体,再裁衣
工具上,本来想用 Claude——在设计和审美这块口碑确实不错。但苦于没有号,退而求其次,用了 Codex 搭配 Impeccable Skill。
不是让 AI 凭空”设计”一个网站,而是先找到自己真正喜欢的风格,把它作为锚点,再让 AI 去理解和实现。
具体流程:
一、用 Impeccable 的 Shape 阶段定调——明确想要的方向、参考的设计风格、整体的调性。这一步不写代码,只回答”我想要什么感觉”。相当于先想清楚今天想穿什么风格,再去翻衣柜。
二、把 LifeWear 的设计语言”翻译”给 AI
这一步是整个过程里最关键的。不是丢一句”帮我做一个好看的博客”就完事了——你得把自己喜欢的风格翻译成 AI 能理解的描述。
就像你不能跟裁缝说”帮我做件好看的衣服”,你得说清楚:什么面料、什么版型、什么长度。
我做的事情比较简单。:把杂志翻开,拍了几页最喜欢的版面,然后连同文字描述一起喂给 Codex。描述的并没有很详细,只是说明需要用 Uniqlo 的 LifeWear 的杂志风格。因为我还是比较相信 AI 的检索能力,所以没有提供特别相信的信息。
三、试穿:从几件里选最合身的
Codex 生成了好几张原型图。说实话,每张都不差,但差别挺大的。
有的太”网页”了——虽然套了 LifeWear 的配色但骨子里还是标准的博客布局,像是把优衣库的面料裁成了快时尚的版型;有的太”杂志”了——排版确实像印刷品,但放到网页上交互会很别扭,好看但没法穿出门。
最后选的那张,是我觉得在”杂志感”和”网页可用性”之间平衡得最好的一个。标题区域大面积留白、正文栏宽克制、整体配色低调——穿上身就是那个感觉。
四、真正开始穿衣服
Impeccable skill 在你定好风格和原型图之后,便会开始按照原型,根据我的博客骨架去调整样式。。
穿上之后
经过微调,效果我很满意。放一个 before / after 对比:


但满意的不只是最终呈现出来的页面,更是这个过程中的思路。
当大家都在用同一套工具、同一个模型的时候,差异化来自你喂给它的”输入”。你看过什么、喜欢什么、被什么打动过——这些才是真正决定最终产出的东西。
AI 是工具,但审美的判断权始终在自己手里。你的品味最终会体现在你的作品,你的穿搭上。
一些其他风格
基于这个思路,我也简单尝试了使用其他品牌的风格设计了blog。效果也都还不错,如果使用 Claude 应该能有更好的效果。
MUJI


BEAMS


你可以访问 felix.garden 看博客的最终效果。 工具链:Codex + Impeccable Skill · 灵感来源:Uniqlo LifeWear Magazine