写代码，也写生活https://blogs.huanmeng.si/Firefly6.16.8https://github.com/CuteLeaf/Firefly2026年10月11日 20:32:29https://blogs.huanmeng.si/posts/hello-huanmeng/https://blogs.huanmeng.si/posts/hello-huanmeng/从把域名迁到 Cloudflare，到基于 Firefly 定制主题、在 Workers 上自部署 Twikoo 评论的全过程。Thu, 08 Oct 2026 00:00:00 GMT<section><h2>为什么要建站<a href="#为什么要建站"><span>#</span></a></h2><p>一直想要一个属于自己的角落：技术上踩过的坑、做过的项目、筛过一遍的前沿信息，还有追的番、玩的游戏和生活碎片，都想有个地方安放。社交平台来来去去，博客是自己的。</p></section> <section><h2>域名：交给 Cloudflare 托管<a href="#域名交给-cloudflare-托管"><span>#</span></a></h2><p>域名 <code>huanmeng.si</code> 是在 Hostinger 注册的。本想整个转到 Cloudflare Registrar，但它目前不支持 <code>.si</code> 后缀，所以最后只把 <strong>DNS 托管</strong> 交给 Cloudflare：</p><ol> <li>在 Cloudflare 添加站点，拿到它分配的两个 nameserver；</li> <li>回到 Hostinger 把 NS 改成这两个；</li> <li>等 <code>.si</code> 注册局发布变更，Cloudflare 检测到后 zone 变成 <code>active</code>。</li> </ol><p>注册和续费仍在 Hostinger，解析、代理、证书都在 Cloudflare。实际几个小时内就生效了，比预想的 24 小时快得多。</p><blockquote><p>小插曲：本机挂着代理（fake-ip 模式），<code>dig</code> 查到的都是 <code>198.18.x.x</code> 的假地址。验证 DNS 要走 DoH（比如 <code>cloudflare-dns.com/dns-query</code>），不然会被骗。</p></blockquote></section> <section><h2>主题：Firefly + 从头像取色<a href="#主题firefly--从头像取色"><span>#</span></a></h2><p>主题选的是 <a href="https://github.com/CuteLeaf/Firefly" target="_blank">Firefly</a>（基于 Astro 的 Fuwari 分支），fork 后做了一层自己的定制：</p><ul> <li><strong>配色从头像里取</strong>：纸白、薰衣草紫、雾蓝、星屑蓝、薄荷荧光、炭黑。Firefly 原本只用一个色相值生成全站配色，我把关键变量都换成了固定色值；</li> <li><strong>亮暗双主题</strong>：亮色是紫蓝渐变星空（纯 CSS），暗色换成 JLIEN- 画的《Lady Maria》作为壁纸。两张图恰好都有一抹薄荷绿的发光点缀，就拿它当暗色的主色；</li> <li><strong>星屑</strong>：两层遮罩做的闪烁星点，系统开启「减少动态效果」时会停下来；</li> <li>首页加了一行<strong>精选项目</strong>，侧边栏只留左侧。</li> </ul><p>改动尽量放在独立的样式层和组件里，对上游文件的修改都记在仓库的 <code>CUSTOMIZATIONS.md</code>，方便以后合并 Firefly 的更新。</p></section> <section><h2>评论：Twikoo on Cloudflare Workers<a href="#评论twikoo-on-cloudflare-workers"><span>#</span></a></h2><p>评论系统想要能匿名留言、国内访问也友好，所以没用 Giscus（需要 GitHub 账号，国内加载不稳定），而是自部署 <a href="https://twikoo.js.org" target="_blank">Twikoo</a> 的 Cloudflare 版：</p><ul> <li>后端跑在 Workers 上，数据存在 D1，冷启动很快；</li> <li>绑定了自己的子域名，不走 <code>workers.dev</code>；</li> <li>前端脚本从 npmmirror 加载，前后端版本保持一致。</li> </ul></section> <section><h2>部署<a href="#部署"><span>#</span></a></h2><p>站点是纯静态构建，用 Workers 的静态资源功能直接托管 <code>dist/</code>，再绑定到 <code>blogs.huanmeng.si</code>；主域名和 <code>www</code> 由另一个小 Worker 跳转过来。</p><p>以后就在这里写字了，欢迎去 <a href="/guestbook/">留言板</a> 打个招呼 ✦</p></section>