2026-10-20
HomeLab
00

目录

🎨 设计语言:克制深色,功能优先
🖥️ 内容生态:围绕真实生活工作流而生
1. 🖧 SELF HOSTED · 私有云服务中枢(核心板块)
2. 🧩 CREATIVE LAB · 充满温情的家庭与休闲角落
3. 🤖 AI ASSISTANTS & 效率开发
4. 🧭 侧边快捷门户与轻量化小部件
💡 为什么选择自建个人起始页?

微澜空间 · Willian Space Hub 概念视图与数字操作台

“博观而约取,厚积而薄发。保持热爱,奔赴山海。”

这是我的个人起始页项目:Willian Space Hub(微澜空间),一个专为我自己的数字生活与极客习惯量身打造的浏览器首页,也是我整套私有云服务、效率工具与创作站点的统一调度总枢纽。

在常年折腾 HomeLab、群晖 NAS 以及各类容器化私有云服务之后,我慢慢厌倦了传统浏览器书签栏杂乱堆叠、不同端口和子域名散落各处、每次查找服务都需要反复回忆地址的混乱体验。

我想要一个不花哨、不臃肿、启动即用的界面——它是我的数字操作台,也是我私域网络资产的控制中枢。于是,便有了这座「微澜空间」。


🎨 设计语言:克制深色,功能优先

整个站点采用了以**低饱和暗灰(#21252d)**为基调的暗夜配色方案(Teal City 主题)。这是我长期在夜间书房微光环境下打磨出来的结果:深邃沉静的底色能够最大限度降低屏幕光线刺激,在长时间编写代码、查阅系统日志或运维容器时,双眼不易感到视觉疲劳。

在版式上,微澜空间采用了模块化卡片式的三栏式经典架构:

  • 左侧侧边栏:日历视图、年度时间刻度条与常驻的 QUICK PORTAL 快捷跳转,高频服务一触即达;
  • 中间核心区:按照具体应用场景将所有链接分门别类,每张卡片自带独立图标、清晰命名与功能简注;
  • 右侧信息栏:荷兰当地实时天气、开箱即用的 Quick Memo(快速备忘便签),不依赖复杂后端数据库,数据纯本地存储,随时捕捉灵感。

页面没有冗余的炫目动画或打扰思绪的多余装饰,设计核心始终恪守四个字:信息优先。每个卡片组都带有醒目的场景标识(SELF HOSTED、CREATIVE LAB、AI ASSISTANTS 等),一眼即可锁定目标,将检索认知成本降至最低。

同时,顶部导航栏提供了场景分类快速筛选标签(全部、私有云、创意工具、AI智能、效率开发、影音图库、资讯生活),并深度整合了全局检索与谷歌搜索切换功能。


🖥️ 内容生态:围绕真实生活工作流而生

页面里收录的所有服务与链接,绝非网上随意拼凑的模板演示,而是100% 紧密贴合我每天真实运转的数字工作流:

1. 🖧 SELF HOSTED · 私有云服务中枢(核心板块)

这是整座空间最硬核的阵地,完整调度着我书房里的 HomeLab 私有集群:

  • 数据与生活:Immich 高性能智能相册、Navidrome 无损音乐流媒体、Jellyfin 家庭影音库、Vaultwarden 全端密码保险库;
  • 基础设施与运维:Nginx Proxy Manager 反向代理与 SSL 自动化、NTFY 实时系统告警推送、AdGuard Home 局域网防护卫士、NAS Health Check 硬件阵列巡检监控中心。

这个起始页就是它们的统一驾驶舱。点击任意模块,即可安全直通各项底层服务。

2. 🧩 CREATIVE LAB · 充满温情的家庭与休闲角落

在冰冷的代码与服务器之外,数字空间也承载着家庭的温情:

  • 专门为孩子量身定制的汉字识字卡片与趣味打字练习交互页面,陪伴他在轻松的氛围中逐步建立自信;
  • 随手写写的动态壁纸生成器与像素休闲小游戏,是日常工作之余一片柔软舒适的放松自留地。

3. 🤖 AI ASSISTANTS & 效率开发

对齐现代技术专家与创作者的高效工具链:

  • AI 生产力矩阵:Google Gemini、豆包、以及 Google Antigravity 深度辅助开发环境;
  • 开发者日常:GitHub 代码托管、DeepL 沉浸式翻译、企业级邮件中枢。

4. 🧭 侧边快捷门户与轻量化小部件

  • Quick Portal 快速捷径:聚合了摄影展示站(willian-photo.mooo.com)、本博客(willian-blog.mooo.com)、Immich 相册、MobileRemote 远程投屏等每日最高频访问站点;
  • 时间与节奏:实时周历与「今年进度百分比」指示条,无声提醒光阴流转;
  • 本地便签 Quick Memo:直接调用浏览器原生 localStorage,不经过云端或第三方服务器,私密安全,随时记录突发奇想与待办事项。

💡 为什么选择自建个人起始页?

市面上成熟优秀的开箱即用起始页其实不少(如 Heimdall、Dashy、Flame 等),但它们大多是面向大众的通用设计。

我所追求的,是一个真正长在自己生活里、百分之百契合自身操作直觉的信息总面板:

  1. 它超越了简单的书签页:它是书房实体硬件与容器服务的一张可视化「数字地图」;
  2. 它串联起了我所有的独立项目:让博客思考、摄影捕捉与私有云工程在一个入口里融汇交织;
  3. 它拥有绝对的演进自主权:架构、样式、分组随心定制,想增添新容器或微调排版,随时都能由自己掌控。

正如我写在页面底部的签名:「博观而约取,厚积而薄发。保持热爱,奔赴山海」。所有这些对于代码、自托管、摄影与文字的反复琢磨,都是在漫长岁月中一点一滴沉淀下来的热爱。

如果你同样是 HomeLab 与自托管爱好者,也在寻找或构建属于自己的数字仪表盘,欢迎常去 willianzhou.mooo.com 逛逛,期待与你交流碰撞!

本文作者:Willian

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 许可协议。转载请注明出处!