AI摘要

Homarr是一款高颜值Homelab面板,解决用户记住端口号和管理分散服务的痛点。它提供现代化拖拽UI,深度集成Sonarr、Radarr等应用实时显示数据,并支持Docker容器监控操作。Homarr将复杂管理简化为“所见即所控”体验,让数字生活更优雅高效,家人也能轻松使用。部署简单,是Homelab用户提升体验的理想选择。

那个让你在家人面前“演示翻车”的尴尬瞬间

作为一名拥有 NAS、软路由和几台闲置 PC 的 Homelab 玩家,你一定经历过这样的“尴尬时刻”:

你兴奋地向不懂技术的朋友展示你那台 24 小时运行的强大NAS。 “看,这个可以自动下载电影,这个可以屏蔽广告,那个可以同步照片……” 你一边介绍,一边在浏览器地址栏里飞快地输入:192.168.1.1:8080

然而,当你想要打开 Jellyfin 播放电影时,你卡住了。 是 8096还是 8080?还是上次为了安全改成了 18096? 你在几十个乱七八糟的浏览器书签里翻找,图标长得都差不多,没有文字说明。 屏幕对面的人打了个哈欠:“算了吧,太麻烦了,我还是去爱奇艺看吧。”

那一刻,你的挫败感是毁灭性的。**你搭建了最先进的容器化服务,却倒在了“入口”这最后一公里上。

我们拥有了 Docker,拥有了 Kubernetes,但我们的管理方式却还停留在记事本和书签栏的原始时代。这些服务像散落在沙滩上的珍珠,虽然昂贵,却是一盘散沙。

我们需要一根线,把它们串成项链。 我们需要一个优雅的、可视化的、动态的“指挥舱”。


破局者登场:Homarr

如果你受够了 Heimdall 那充满年代感的 UI,也厌倦了 Dashy 那繁琐的 YAML 配置文件,那么 Homarr 就是你一直在寻找的那个“完美答案”。

它不是一个简单的静态导航页。 它是一个基于 Next.jsReact 构建的、高度可定制的、现代化的服务器仪表盘。

它的名字 Homarr(龙虾)听起来有点怪,但它的野心很大:它想做你所有数字资产的“统一门户”。

它的核心理念只有一条:What you see is what you control.(所见即所控)。 它不只负责“跳转”,它负责“展示”和“交互”。它把那些冰冷的后台数据,变成了桌面上跳动的精美组件。

image.png


不仅仅是“好看”的花瓶

很多导航页项目,无非就是把 HTML 的标签做得好看一点。但 Homarr 在功能性上实现了降维打击。

1. 与应用的“深度对话”(Integrations)

这是 Homarr 最杀手级的功能。 传统的导航页,你点击图标 -> 跳转 -> 登录 -> 查看状态。 在 Homarr 里,你不需要跳转。

  • Sonarr/Radarr 组件:直接在仪表盘上看到最近下载的剧集海报,以及下周即将播出的节目日历。
  • Torrents 组件:直接显示你的 Transmission 或 qBittorrent 的实时下载速度、做种数量。
  • Pi-hole/AdGuard 组件:实时展示今天拦截了多少条广告 DNS 请求。**
  • Dash.Component:直观展示服务器的 CPU、内存、磁盘占用率。**

它通过 API 与你部署的服务进行通信。它不是在展示一个死链接,它在展示服务的“生命状态”。**你一眼就能扫视整个 Homelab 的健康状况,而不需要打开 10 个标签页。

2. 拖拽即正义(Drag & Drop)

如果你用过 Dashy 或 Homer,你知道修改配置是多么痛苦。你需要 SSH 连上服务器,用 vim 打开config.yml,小心翼翼地对齐缩进,然后重启容器。

Homarr 对这种“反人类”的操作说不。 它内置了一个极其流畅的编辑模式

  • 想添加一个链接?点击“添加”。
  • 想移动位置?按住鼠标拖拽。
  • 想改变组件大小?拖动右下角缩放。

所见即所得。 哪怕是完全不懂代码的小白用户(比如你的家人),也能轻松定制属于他们自己的界面。这种交互体验,才是 2026 年该有的样子。

3. Docker 的“透视眼”

Homarr 能够直接挂载 Docker 的 Socket。 这意味着什么? 意味着你可以直接在仪表盘上看到每一个容器的状态:Running(绿色)、Stopped(红色)、Unhealthy(黄色)。

更有趣的是,它允许你直接在面板上执行简单的操作:重启容器、停止容器。 当你发现某个服务挂了,不需要打开 Portainer,也不需要 SSH,直接在 Homarr 上点一下“重启”,问题解决。


从“极客玩具”到“家庭基础设施”

引入 Homarr,本质上是一次用户体验(UX)的升级

Before:你的 NAS 是一个黑盒子。只有掌握了“端口号密码本”的你才能使用它。对于家人来说,那只是一个会嗡嗡响、费电的铁盒子。

After:你在 iPad 上把 Homarr 设为首页。

  • 老婆想看电影?点击那个漂亮的“Plex”海报图标。
  • 孩子想听故事?点击“Audiobookshelf”。
  • 你想看下载进度?扫一眼右上角的仪表盘。

Homarr 抹平了技术的门槛。它把你复杂的底层架构,封装成了一个类似 iOS 的友好界面这不仅仅是方便,这是让你的 Homelab 真正融入家庭生活的关键一步。


为什么不继续用 Heimdall?

Heimdall 是老前辈,也是很多人的入门之选。但在这个时代,它真的老了。

维度HeimdallHomarr
技术栈PHP (旧时代产物)Next.js / React (现代化、极速)
UI 设计拟物化、略显陈旧扁平化、毛玻璃、响应式
集成深度简单的数据抓取深度 API 集成、日历视图、媒体控制
配置方式简单的 Web UI自由度极高的拖拽布局
加载速度较慢,尤其是图标多时秒开(静态生成优化)

如果你追求极致的性能和现代化的审美,迁移到 Homarr 是不可逆转的趋势。


部署与落地:两分钟的魔法

Homarr 的部署极其简单,因为它本身就是一个轻量级的 Docker 容器。

准备工作: 确保你已经安装了 Docker 和 Docker Compose。

创建 docker-compose.yml 文件:

version: '3'
services:
homarr:
    container_name: homarr
    image: ghcr.io/ajnart/homarr:latest
    restart: unless-stopped
    volumes:
      - ./homarr/configs:/app/data/configs
      - ./homarr/icons:/app/public/icons/local
      - ./homarr/data:/data
      # 挂载 Docker Socket 以便 Homarr 监控容器状态
      - /var/run/docker.sock:/var/run/docker.sock
    ports:
      - '7575:7575'

一键启动:

docker-compose up -d

打开浏览器,访问 http://你的IP:7575。 你会看到一个引导界面,带你创建管理员账户。 接下来,就是享受“拖拽”的乐趣了。把你的 Jellyfin、Home Assistant、Nextcloud 全部加进去,看着原本混乱的数字生活变得井井有条。


结论:给你的数字生活一个“门面”

我们常说“颜值即正义”。 但在 Homelab 的世界里,颜值即效率。

一个混乱的桌面会降低你的工作效率,同样,一个混乱的服务入口会让你丧失折腾的乐趣。 Homarr 不仅仅是一个启动器,它是你对自己搭建的数字帝国的“加冕”。

它告诉每一个访问者(包括你自己):这里不是一个乱糟糟的测试环境,这里是一个运行精密、管理优雅的私有云数据中心。

别让你的服务在端口号的海洋里流浪了。给它们一个家,就从部署 Homarr 开始。


项目地址:https://github.com/ajnart/homarr

END

本文标题:不用背端口号了!这款 GitHub 7k+ Star 的高颜值面板,给你的 Homelab 换张“脸”

本文链接:https://www.imsuk.cn/archives/162/

除非另有说明,本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议

声明:转载请注明文章来源。

Last modification:February 14, 2026
请用钱砸我