Lucent 意思是“发光的、明亮的、透明的”，常用于书面语或诗歌中描述光亮或清澈的事物。

继上个月从 Pelican 切换到 Astro，完成博客和个人页的初步整合后，一直想借此机会重写站点在用的主题。

上次大规模重构站点已是三年前，当时对整体设计还没有很清晰的概念，加上自己的前端功力不是很到位，在细节上改了又改，即使到最后定型也不是很满意。诸如导航栏吸顶变色的问题，试了几种实现都在 iOS Safari 上有问题，尝试了多种方法效果也不好，只能妥协放弃了这个设计，直到 LLM 出现后才在其帮助下绕弯子实现了稳定吸顶变色。而侧栏抽屉比较简陋的问题就是技术功力所限了，一直都不好看。

就像在一艘小木船上修修补补，即使修得再漂亮，但它的上限就摆在那，我只是不断推迟重构的时机而已。虽然在 2 月终于完成了博客框架迁移，套用的还是原本那套纯手搓的主题。我再也无法忍受这种新瓶装旧酒的感觉了，于是我结合这几年一些模糊的设计概念，来给这套老皮做个大翻新。

言归正传，这套主题的核心设计理念是玻璃的折射和通透感，并结合原本的卡片设计及配色方案。除导航栏外，所有信息卡片都使用不带任何弧度的直角边框，并把卡片的间隔统一定在 0.5rem，继续做那圆滑当道时代的锐利异类。至于 navbar 我借鉴了 Liquid Glass 的思路，做了与主体设计不同的圆角过渡及动画调教，在我眼里就像一条会变形发光的玻璃棒，希望能冲淡一些大量使用直角带来的不舒适感。

卡片内部的按钮、标签都使用淡细的边框勾勒，如果改用纯色块则去除边框，尽量避免大框套小框的繁杂感。可按下的卡片会略微浮起，示意此卡片可供按下互动；而不可按下的卡片则在悬停时只会用强调色勾勒出轮廓，例如技能 & 设备的那些卡片组合。

音乐模块是我最喜欢的部分，卡片及列表都会从专辑图片中抓取强调色，虽然取色逻辑还是有点不稳定，比如目前首页的 Protostar，满眼蓝色的专辑图片，最终取到了那一抹黄作为主体强调色，这点倒挺像 Material You 的 Monet 取色逻辑的…而专辑图四周加了一圈玻璃质感的框，并做了点光晕效果，让每张专辑图都有放在唱片盒里闪闪发光的感觉。音乐的所有 metadata，包括试听部分均取自 Apple Music 数据流，如遇信息错漏可别上门来打我啊()

同时还加上了一直想做的四季总结和瀑布流模块，把那些瞬间光影留在此刻，借此来勉励继续相信生活的美好吧。

我将这套设计主题命名为 Lucent，一块清澈光亮的玻璃，一见如故。