NAS应用太多总记不住端口?Homepage部署与家庭控制台教程

前言

极空间中部署的应用越来越多以后,博客、笔记、下载工具、网盘和容器后台往往都有各自的IP地址与端口。使用次数一多,仅靠浏览器收藏夹很难快速区分这些入口。

Homepage是一套面向NAS和家庭服务器用户的自托管仪表盘。它可以把不同服务整理成分组卡片,并通过图标、描述、书签和主题设置,建立一个统一的浏览器首页。

Homepage采用YAML文件管理配置。服务入口、书签和界面选项都可以保存在极空间目录中,修改文件并刷新页面后即可看到效果,后续也便于备份和迁移。

本文将通过Docker Compose在极空间中部署Homepage,并分别配置services.yamlsettings.yamlbookmarks.yaml。最后再使用 cpolar 为3344端口建立公网入口,让人在其他网络环境中也能打开这套家庭服务导航页。

1.什么是Homepage?

核心特点

  1. 为 Docker 和自建服务而生
  • 原生支持通过 Docker Compose 部署;
  • 可自动发现局域网中的服务(如通过 docker.sock 获取容器信息);
  • 轻松集成 Plex、Jellyfin、Home Assistant、Portainer、Immich、Radarr、Sonarr、qBittorrent 等主流自建应用。
  1. 极简但强大:配置即代码(YAML 驱动)
  • 所有布局、分组、图标、链接均通过 services.yaml、widgets.yaml 等配置文件定义;
  • 支持 Git 管理配置,便于版本控制与多设备同步;
  • 无需数据库,启动快,资源占用低。
  1. 高颜值 + 电影感 UI
  • 默认采用深色主题,搭配清晰图标与卡片式布局;
  • 支持响应式设计,适配桌面、平板甚至手机浏览器;
  • 可嵌入实时小部件(Widgets),如系统状态、天气、时间、Docker 容器状态等,营造“科幻控制台”氛围。
  1. 完全本地运行,隐私优先
  • 不依赖任何外部 API 或云服务;
  • 所有数据存储在本地,无追踪、无广告、无遥测;
  • 适合对隐私和数据主权有高要求的用户。
  1. 灵活扩展,自由定制
  • 支持自定义 CSS 主题;
  • 可添加书签、快捷链接、分类标签;
  • 小部件(Widgets)支持 CPU/内存监控、网络状态、日历、待办事项等(部分需配合其他服务如 Glances、Uptime Kuma)。

典型使用场景

  • 家庭服务器首页:打开浏览器就看到所有服务入口
  • NAS 控制面板:聚合媒体、下载、备份、监控等功能
  • 开发者工作台:快速跳转到本地开发环境、文档、数据库
  • 极客数字桌面:打造如《钢铁侠》中 J.A.R.V.I.S. 风格的交互界面

官方资源

  • GitHub:https://github.com/gethomepage/homepage
  • 官网/Demo:https://gethomepage.dev
  • 配置文档:https://gethomepage.dev/latest/config/

如果你厌倦了在浏览器里翻找十几个书签,或者想让自己的Home Lab更像一部科幻电影,那么Homepage,就是你一直在找的那个“终极桌面”。

2.前提条件

2.1ssh远程连接到极空间

  • 开启【SSH 服务】
  • 使用终端(Windows PowerShell / Mac Terminal)登录:
ssh root@IP

image-20260522154032880

2.2验证docker是否开启

使用命令:

docker -v 
systemctl status -v

image-20251017103712618

3.部署Homepage

通过Docker部署Homepage:

在开始部署之前,确保你的系统已经安装了Docker。可以通过以下命令检查 Docker 是否已安装:

docker --version

image-20260507155742946

首先创建一下安装的目录并进入到该目录:

mkdir -p /docker/homep
chmod -R 777 /homep

image-20260522145347420

创建并编辑 docker-compose.yml文件:

vi docker-compose.yml
version: "3.3"

services:
  homepage:
    image: ghcr.io/benphelps/homepage:latest
    container_name: homepage
    ports:
      - 3344:3000
    volumes:
      - ./config:/app/config
      - ./icons:/app/public/icons
      - /var/run/docker.sock:/var/run/docker.sock

启动容器:

docker-compose up -d

image-20260522145404899

部署完成后,在浏览器中输入 http://极空间IP:3344 就能看到Homepage的界面:

image-20260522145527004

4.使用Homepage

编辑/docker/homep/config目录下的services.yaml文件,添加自己常用的网站:

vi services.yaml
- 搜索引擎:
    - Google:
        icon: google.png
        href: https://google.com
        description: 一个好用的搜索引擎
    - 百度:
        icon: baidu.svg
        href: https://baidu.com
        description: 一个可能好用的搜索引擎

- 网盘:
    - 百度网盘:
        icon: baidudrive.png
        href: https://pan.baidu.com

    - 阿里云盘:
        icon: alidrive.png
        href: https://www.alipan.com

    - 123云盘:
        icon: 123pan.png
        href: https://www.123pan.com/
- Nas必备:
    - typecho:
        href: http://localhost:90
        description: 打造个人网页

    - onenav:
        href: http://localhost:3080
        description: 便签

    - logseq:
        href: http://localhost:9090
        description: 日记😎

image-20260522151722290

刷新网页即文件生效:

image-20260522151454403

编辑/docker/homep/config目录下的settings.yaml文件,添加自己常用设置,让它看起来更加简洁:

vi settings.yaml
  language: zh-CN # 中文
  theme: light # 白色主题
  color: gray # 设置颜色并禁用调色盘
  hideVersion: true # 隐藏版本号

image-20260522151636277

编辑/docker/homep/config目录下的bookmarks.yaml文件,用于配置书签:

vi bookmarks.yaml
- 书签:
    - Github:
        - abbr: GH
          href: https://github.com/

    - Reddit:
        - abbr: RE
          href: https://reddit.com/

    - YouTube:
        - abbr: YT
          href: https://youtube.com/

image-20260522152140866

刷新网页即文件生效:

image-20260522152153875

更多功能留给你们来挖掘:

image-20260522152253329

部署好Homepage后,你的家庭控制台在本地网络中已然熠熠生辉——但问题来了:一旦离开家,这些精心组织的服务入口就“失联”了。难道只能守着路由器才能享受这份极客秩序?

别担心,cpolar正是打通这最后一公里的关键。作为一款简单高效的内网穿透工具,cpolar能将你本地运行的Homepage服务安全地映射到公网,无需公网IP、无需复杂端口转发,只需一条命令,就能生成一个HTTPS加密链接。从此,无论你在咖啡馆、出差途中,还是用手机临时查看服务状态,你的科幻感家庭控制台始终触手可及——真正实现 “我的仪表盘,全球随行”。

5.安装cpolar实现随时随地开发

5.1 什么是cpolar?

cpolar是一款安全高效的内网穿透工具,无需公网IP或复杂配置,只需一条命令,即可将本地服务器、Web服务或任意端口映射到公网,让你随时随地远程访问内网应用,特别适合开发调试、远程运维和应急部署等场景。

5.2 部署cpolar

cpolar 可以将你本地电脑中的服务(如 SSH、Web、数据库)映射到公网。即使你在家里或外出时,也可以通过公网地址连接回本地运行的开发环境。

❤️以下是安装cpolar步骤:

使用一键脚本安装命令:

sudo curl https://get.cpolar.sh | sh

image-20250725104019896

安装完成后,执行下方命令查看cpolar服务状态:(如图所示即为正常启动)

sudo systemctl status cpolar

22e5adfaf290a17fc3384bb296055259

Cpolar安装和成功启动服务后,在浏览器上输入虚拟机主机IP加9200端口即:【http://ip:9200】访问Cpolar管理界面,使用Cpolar官网注册的账号登录,登录后即可看到cpolar web 配置界面,接下来在web 界面配置即可:

打开浏览器访问本地9200端口,使用cpolar账户密码登录即可,登录后即可对隧道进行管理。

8a6698b1bf26d64ba3645827fbfb1c29

6.配置公网地址

登录cpolar web UI管理界面后,点击左侧仪表盘的隧道管理——创建隧道:

  • 隧道名称:可自定义,本例使用了:homepage,注意不要与已有的隧道名称重复
  • 协议:http
  • 本地地址:3344
  • 域名类型:随机域名
  • 地区:选择China Top

image-20260522152752836

创建成功后,打开左侧在线隧道列表,可以看到刚刚通过创建隧道生成了公网地址,接下来就可以在其他电脑或者移动端设备(异地)上,使用地址访问。

image-20260522153012580

访问成功。

image-20260522153047974

7.保留固定公网地址

使用cpolar为其配置二级子域名(cpolar),该地址为固定地址,不会随机变化。

image-20250918151358733

点击左侧的预留,选择保留二级子域名,地区选择china Top,然后设置一个二级子域名名称,我使用的是homepage1,大家可以自定义。填写备注信息,点击保留。

image-20260522153302408

登录cpolar web UI管理界面,点击左侧仪表盘的隧道管理——隧道列表,找到所要配置的隧道,点击右侧的编辑

image-20260522153359331

修改隧道信息,将保留成功的二级子域名配置到隧道中

  • 域名类型:选择二级子域名
  • Sub Domain:填写保留成功的二级子域名
  • 地区: China Top

点击更新

image-20260522153452807

更新完成后,打开在线隧道列表,此时可以看到随机的公网地址已经发生变化,地址名称也变成了保留和固定的二级子域名名称。

image-20260522153658024

最后,我们使用固定的公网地址在任意设备的浏览器中访问,可以看到成功访问的页面,这样一个永久不会变化的二级子域名公网网址即设置好了。

image-20260522153723770

总结

完成以上配置后,Homepage已经可以在极空间中运行。通过services.yaml可以把NAS应用和常用网站按类型分组,通过settings.yaml调整语言、主题和页面样式,再使用bookmarks.yaml补充常用书签。

相比把大量地址散落在浏览器收藏夹中,Homepage更适合统一整理家庭服务器和自建服务入口。配置文件保存在容器外部后,也便于后续备份、迁移和继续扩展。

通过 cpolar 为3344端口建立公网隧道后,原本只能在家庭局域网中打开的Homepage页面,也可以从其他网络环境访问。继续配置固定二级子域名后,控制台入口能够保持不变。

需要注意的是,Homepage只是统一展示服务入口,并不会自动让其中所有内网应用都具备公网访问能力。配置中的localhost会指向当前打开网页的设备,外网访问时通常不能直接进入极空间上的对应服务。相关地址应根据实际网络环境调整,确实需要远程使用的服务也要分别配置访问方式。

此外,挂载/var/run/docker.sock会让容器能够读取Docker环境信息,正式使用前应评估权限风险。建议修正部署目录路径,避免使用777权限,并固定镜像版本、定期备份配置文件。Homepage页面若包含NAS后台、监控服务和管理入口,公网链接也不应随意公开。


📝看风起长林,人类最后的骄傲和标签是创意,AI 时代创意管理比任何时代都重要。一个探索和分享的有趣博主,点击了解!

内容概要:本文详细介绍了一个基于Python的校园招聘平台的设计实现,旨在通过信息化手段提升校园招聘的效率精准度。平台采用Python主流框架(如Django/Flask)构建,涵盖用户权限管理、招聘简历数据建模、智能匹配推荐、日志监控统计分析等核心模块。系统支持学生、企业、就业部门等多角色协同,通过结构化数据模型和业务流程控制,实现了岗位发布、简历投递、状态流转、权限校验等功能,并结合TF-IDF余弦相似度算法实现简历岗位的智能匹配。代码示例展示了用户角色模型、企业岗位模型、简历分表设计、投递状态机、权限装饰器及推荐服务等关键实现,体现了系统的可扩展性安全性设计。; 适合人群:具备Python Web开发基础,熟悉Django或Flask框架,有一定数据库设计和前后端交互经验的开发者,尤其是从事教育信息化、招聘系统开发或校园服务平台建设的研发人员;也适合计算机相关专业高年级本科生或研究生作为毕业设计参考。; 使用场景及目标:① 构建高校内部统一的校园招聘管理系统,替代传统低效的线下招聘模式;② 实现学生企业岗位的智能匹配个性化推荐,提升人岗匹配效率;③ 为企业和高校就业部门提供数据驱动的招聘分析决策支持;④ 学习多角色权限控制、状态机设计、ORM建模、缓存异步任务等实际开发技巧。; 阅读建议:此资源以实际项目为导向,不仅提供完整模型设计代码片段,还深入剖析了系统架构业务逻辑。建议读者结合代码示例搭建本地开发环境,动手实践模型定义、API接口开发推荐算法集成,并重点关注权限控制、数据安全性能优化等关键设计,以全面提升全栈开发系统设计能力。
评论 39
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值