--
--


从 Fork 开始,把 Firefly 主题折腾成夢酷の Blog 的全记录——个性化改造、设备页、应用页、第一个友链,以及那些踩过的坑。

博客这东西,说简单也简单,说折腾也折腾。模板挑花了眼,最后还是相中了 Firefly 这套 Astro 主题——手绘风、暗色模式、Swup 丝滑转场,一眼就喜欢上了。
这套模板出自开源项目 Firefly,作者是 CuteLeaf,其前身又是 Fuwari。而我这个版本,是 fork 自 tianshihao2003 的「团子和蛋糕的博客」——他在 Firefly 的基础上做了自己的二改,我再在他的基础上继续改。开源社区的好处就在这儿,一套好主题能一路接力下去。
如果你也喜欢这种风格,不妨去 团子和蛋糕的博客 的 GitHub 逛逛——我现在这套,就是打那儿来的。
于是从 Fork 它的仓库开始,我给自己挖了一个大坑。
Fork 下来之后,整个仓库还是原作者的样子——头像、名称、友链、文章全是别人的。要做自己的博客,第一步自然是大扫除:
这个过程看着简单,其实有一堆细活。比如原作者代码里不少地方隐含「目录一定存在」的假设,清理掉内容之后,页面一跑就崩。只能一点点给文件读取加守卫,让它在缺失时优雅降级——也算顺手把代码练强壮了。
清理的过程中发现,「导航页」的资源被误删了一部分。这页本来是用来放常用网站入口的,可不能没有。花了一番功夫把资源找回来、依赖理顺,导航页才算正式复活。
之后给「应用」板块添了新成员——把 Antigravity 和 Trae 两个应用加了进来,同时保留了「我的网站」这个分类,方便以后继续往里面塞东西。
这是折腾得最久的一块。起因很简单:想晒晒自己的设备。
于是新建了「我的设备」页面,把 6 台设备都收了进去——Xiaomi 13、Redmi K30S Ultra、Redmi K20 Pro、Redmi K50 Ultra、天选3,外加一个小米手环4 NFC。
这里的坑比想象中多。先是卡片布局文字截断、信息拥挤,参考了安知鱼的风格又保留了自己的手绘感;再是产品图各种加载失败,最后换成官网官方直链 + 本地化存储才彻底解决。
还试了一把 GSMArena 那种 3D 转盘效果——图片序列 + 拖拽切帧,弹窗、键盘控制都做出来了。结果……效果不太满意,还是回退了。折腾的过程挺好玩的,不过有些事试过才知道适不适合自己。
友链这页一直空着也不是个事儿。于是,我的第一个友链诞生了——夢酷自己,站点截图直接用无头浏览器自动生成。
顺便把原作者遗留的 46 个孤儿截图文件全清掉了,干净利落。
到目前为止,骨架已经完整:主页、导航、设备、应用、友链、更新日志都就位了。还没接线的部分包括音乐播放器、赞助、评论等第三方服务——等有了真实的服务地址再接上。
总之,这个博客会慢慢长成它该有的样子。
最后,还是要好好感谢 CuteLeaf 的开源付出——让我能站在巨人的肩膀上,折腾成自己喜欢的样子。Firefly 的前身 Fuwari 同样功不可没。
也要感谢 tianshihao2003 的「团子和蛋糕的博客」——我是从他的项目 fork 过来二改的,没有他中间那一棒,也就没有现在的「夢酷の Blog」。
想看看我这套站点的「出厂模样」?团子和蛋糕的博客 走起!
那就,欢迎光临!
—— 夢酷
如果你喜欢,那么欢迎来到我的世界!
了解更多暂未播放
"不要等待机会,而要创造机会。"—— 林肯