你现在,正站在这个小房间里。

「Fioritura」这个词来自音乐——它指的是乐谱上那些华丽的装饰音,是一段旋律里额外开出来的小花。给这个主题起名字的时候,我们想的其实很简单:希望它不是一份冷冰冰的「文章清单」,而是一个可以让人推开门、慢慢逛的小房间。

房间里应该有音乐,有暖暖的灯,有一只会探头探脑的小家伙,还有几张钉在墙上、写着字的纸条。你路过、坐下、随手翻翻——这就够了。

🌱 它是从哪儿长出来的

它最早是从开源的 Sakura 主题长出来的。我们把它整个拆开、擦干净、再一块一块重新拼起来——留下温柔的纸张色、玻璃一样的模糊、轻轻的动效,然后撒上一点点二次元和音乐的味道。

为什么叫 Fioritura?因为它本来就是一段「普通旋律」,我们只是想给它加上那一小段华彩装饰音。名字定下来的那一刻,好像整个房间的调子就对了。(´▽`)

🎨 我们想要的样子

做之前我们只定了一条:它不能像一张 Excel 表格。

所以我们让首页可以掷一颗骰子换背景(像每天抽一张小卡片)🎲;让白天和黑夜有两套不一样的皮肤;让翻页的时候不是「唰」地刷新,而是柔柔地滑过去;让每一处圆角、每一层模糊,都尽量透着点「纸和光」的手感。

📦 我们一件一件往里搬的东西

  • 一只会跟着你、会说话、还会换装的看板娘 🐾
  • 一块像贴满便利贴的留言板,顶上还钉着一首诗(《牡丹芳》)
  • 一套我们自己一张张画的、软乎乎的评论头像
  • 一个悄悄测你耳朵灵不灵的听觉小游戏 🎧
  • 一个能放单曲、也能摆一整张歌单的音乐播放器 🎵
  • 中英双语、SEO、页脚那行默默跳动的运行时间和访问计数……

其中我们最偏心的,是那个音乐播放器。放一首曲子,其实只要一行:

// 放一首曲子,就这么简单


// 或者,摆一整张歌单,让访客慢慢听

就这样,一行字,房间里就响起了声音。

🛠️ 还有一些很可爱的小麻烦

当然,盖房子不会一路顺风。

有一次,那只看板娘藏起来、再冒出来的时候,竟然只剩下「两只眼睛和一对翅膀」飘在半空——把我们吓了一跳,还以为她闹脾气了。查了好久才发现,是她「睡觉」的姿势不太对:我们太粗暴地把她的整块画布藏了起来,结果画面的缓存被弄坏了,醒来自然就缺胳膊少腿。

后来我们改了个温柔一点的哄睡方式——不「藏」她,只让她轻轻地「淡出」:

// 之前:把她整个藏起来 → 醒来只剩眼睛和翅膀 😱
canvas.style.display = 'none';

// 后来:让她轻轻淡出,别惊动画布 → 乖乖回来 ✨
canvas.style.opacity = '0';
canvas.style.pointerEvents = 'none';

就这么一点点改动,她就又全须全尾、开开心心地回来了。

还有留言板顶上那首诗,为了让它落在刚刚好的位置、不歪也不挤,我们来来回回挪了好多好多次;那套评论头像,也是一张一张试出来的表情。房间里的每样东西,好像都被我们摸过好多遍。

💻 关于这个叫「Code」的小角落

你现在读到的这篇,就摆在房间新开的一个角落——「Code」。以后这里会放一些和代码、和这个主题有关的小笔记:也许是某个功能是怎么做出来的,也许是又踩了什么好笑的坑。像上面那样的代码,房间会自动帮它点亮语法高亮、配上行号和一键复制的小按钮,读起来清清爽爽。

🏠 所以

如果你觉得这个房间有点温温的、软软的、还带一点点音乐和奇奇怪怪的可爱——那大概,就是我们想要的样子。

进来随便逛逛吧。房间还在慢慢长,说不定下次你来,墙上又多开了一扇小门。

Come on in and wander a little. The room is still growing. (´▽`)


巫偉鑫 Wu Weixin - Compositore