9
0
1

Onlynn:一间可以慢慢打理的「数字书房」

如果博客是一个人的房间,我不太想把它做成需要不断更新的橱窗,而更希望它是一间能慢慢打理的屋子——有茶,有书,有午后的光,进来的朋友可以随意坐下。

Onlynn 就是我对这个念头的回答。

🌱 为什么做 Onlynn

七月的最后一天,我忽然很想拥有一个属于自己的「第三空间」——不属于工作,也不属于社交,只是一块能安静写字的地方。于是有了域名,有了 Halo,有了第一篇文章。

但上线之后才发现,现成的主题总觉得差一点什么:颜色不对,间距不对,某个交互不该是那样。起初只是随手改改,改完外观改交互,改着改着就长成了一个自己的主题。既然它已经独立成型,索性整理干净开了源,取名 Onlynn

🎨 它长什么样

卡片式的版面,圆角、柔和投影,卡片底色可以跟着主题色相走。壁纸有四种形态:纯色、横幅、全屏、全屏透明;全屏下还能切到 Hero 布局,首屏固定、内容向上推进,标题随滚动淡出、壁纸慢慢虚化。

亮暗两套配色都是照着主题色算出来的,不是简单反色。低头写字的时候,还有樱花会慢慢飘下来。

🖋️ 它有什么不一样

按用起来的感觉分,大概是这四块。

书写

  • 代码块:语言徽章、行号、长块折叠、复制按钮,亮暗两套配色,长时间看代码不累眼

  • Markdown 排版:标题、表格、引用、提示块都收拾过,正文样式跟卡片风格是一套

  • 沉浸阅读:一键收起导航栏和两侧栏,正文收成单栏居中,按 Esc 退出

  • 文章信息:字数与阅读时长、相关推荐、置顶与系列

阅读

  • 四种壁纸形态:纯色 / 横幅 / 全屏 / 全屏透明,全屏下可选经典或 Hero 布局

  • 视觉开关:亮暗模式、主题色相、侧栏左右、卡片描边与跟随主题色、渐变过渡、樱花飘落

  • 访客样式面板:读者可以自己切布局、配色、壁纸和特效;不想开放就把总开关关掉,前台不再出现设置按钮

互动

  • 评论弹幕:把页面上的评论飘成弹幕,胶囊跟随主题色,悬停暂停、点击回到评论区,我自己发的评论会单独高亮

  • 独立页面模板:留言板、RSS 订阅、时间轴、技能、朋友圈、心愿便签、打赏支持

  • 侧栏小组件:站点统计、写作热力图、一言、目录等

  • 移动端底部导航:固定底栏,条目可以逐项配置

插件

搜索、评论、瞬间、图库、友链、项目集、装备、番剧、日程、心愿便签等常用插件都做了适配,有则增强、无则降级——没装插件时相关模块整块跳过,不会报错,也不会留下空白。

📖 怎么用

GitHub仓库链接:https://github.com/only1nn/Halo-theme-Onlynn

Gitee仓库链接:https://gitee.com/liu_houlin/halo-theme-Onlynn

Releases 下载 zip 手动上传。主题设置按功能分为 10 个分组,外观项基本都集中在「样式设置 → 显示设置面板」;每个页面模板的配置项在该页面对应的分组下。

关于技术底座,如果你也喜欢折腾:

  • 构建:构建期用 Astro 7 做组件化与样式编译,产物是 Halo 原生的 Thymeleaf 模板,运行时不依赖 Astro,也不需要 Node 环境

  • 样式:Tailwind CSS v4

  • 脚本:经典脚本用 esbuild 打包成 IIFE(目标 ES2015),需要状态的交互用 Svelte 5 组件

  • 页面过渡:Swup

  • 环境:Halo 2.25.0 及以上;浏览器面向现代版本(支持 oklch:has() 的 Chrome / Edge 111+、Safari 15.4+、Firefox 121+)

完整的安装、配置与菜单路径说明在仓库 README 里。

🙏 感谢

Onlynn 的诞生,离不开 Halo 这个温暖的内容平台,也受益于 Ethereal 打下的坚实底座。Firefly 在视觉与交互上的探索给了我很多灵感,但 Onlynn 想走的是一条更安静、更贴近「自语」的路。

如果你也想要这样一间屋子,欢迎直接拿去用;用着顺手的话,可以到打赏页请我喝杯咖啡 ☕

支持与分享

如果这篇文章对你有帮助,欢迎分享给更多人或者给予支持!

Onlynn:一间可以慢慢打理的「数字书房」
/archives/onlynn-one
作者
楠香自语
发布于
2026-09-21
许可协议
CC BY-NC-SA 4.0

评论

---

欢迎来到我的博客!