简洁而实用的NAS导航页——Homarr

简洁而实用的NAS导航页——Homarr

Youkun 863 2023-03-02 2023-07-18

前言:为了更好管理家庭内网中部署的各个服务,尤其访问NAS docker中的容器。之前看过几个类似的导航面板,其中这个界面看上去十分简洁。这里自己就记录和分享一下搭建过程。

官方网站:Home | Homarr Docs

个人环境:支持docker的NAS(极空间新Z4),win11电脑 image-20230302145530874

一、拉取镜像

由于homarr镜像在docker官方源没有,这里需要自定义拉取:

docker pull ghcr.io/ajnart/homarr:latest

image-20230222213646694

如果你的nas或者其他主机可以docker compose安装,按照官方文档:🚀 Installation | Homarr Docs

因为镜像在外网,如果你的镜像下载过慢,可以本地导入我提供下载下来的镜像,版本是0.11.5

链接: https://pan.baidu.com/s/17MxZSWtKX9a8Zs_JRlkTpw?pwd=c5s9 提取码: c5s9 复制这段内容后打开百度网盘手机App,操作更方便哦

最新的是这个,版本是0.12.3

链接:https://pan.baidu.com/s/19GxSJQv0OcVtp_mxnceklA?pwd=8j5x 提取码:8j5x

二、创建容器

建立文件夹

建立homarr文件夹:

homarr文件夹内建立configs和icons文件夹:

image-20230302103817173

添加容器

image-20230302102253424

主要就是设置2个方面,路径和端口,其他均默认即可;

装载路径

configs目录对应:/app/data/configs

icons目录对应:/app/public/icons

image-20230302103154129

映射端口

image-20230222231434507

点击应用,这时候容器就创建好了!

image-20230302103519766

三、设置homarr

访问homarr

浏览器:你的nas地址+7575

image-20230222231836876

设置中文

右上角设置选项中选择SettingsLanguage

image-20230222232141051

添加标签

例如添加内网极空间:

image-20230222233429273

图标你可以添加库里面有的,链接:https://github.com/walkxcode/dashboard-icons

官方的演示:icons-picker-4026f30b484dac6a05de54238b69d2d1

没有的图标需要在之前装载路径,icons文件夹中提前保存好:

image-20230222233534806

这样把你所有NAS上的服务以及常用网站都集合展示在这个仪表板上,形成自己的个人导航标签页🎉

建议再配合nginx-proxy-manager,这样更加高效,直观,外部地址就放自己设定好的二级域名。

编辑模式

最新的版本添加了非常实用的功能→设置密码,也就意味编辑只有自己可以动,其他人不能进行修改。

极空间中需要在容器环境中添加EDIT_MODE_PASSWORD=123456(这个密码123456你可以自己定义):

回到浏览器页面,退出编辑模式:

输入你之前设置的密码:

当然你其他的NAS,服务器例如群晖之类可以直接在自己docker compose文件中修改,密码随意

添加:

 environment:
      - EDIT_MODE_PASSWORD=123456
设置背景

觉得单调,也可以设置背景图,

在服务器中,homarr文件夹添加img这个子文件夹:,把自己喜欢的桌面图片放进去;

然后容器编辑 添加img 对应的是 /app/public/img,然后点击应用:

页面自定义背景 输入你的图片,记得后缀写对:

这样homarr背景就变了