收起左侧

【AI开发】DockNav - 专为NAS打造的智能双网跳转玻璃拟态导航页

32
回复
1857
查看
[ 复制链接 ]

10

主题

49

回帖

0

牛值

初出茅庐

2026-1-15 17:49:40 显示全部楼层 阅读模式

今天给大家分享一个我开发的轻量级导航页 —— DockNav

如果你像我一样,在 NAS 上部署了众多服务,同时拥有内网 IP公网 域名(或穿透地址),那么你可能经常面临一个痛点:在家里想用内网 IP 访问(速度快),在外面想用域名访问(能连上)。

DockNav 就是为了解决这个问题而生的。它不仅仅是一个漂亮的导航页,更是一个懂你网络环境的智能路标。


✨ 核心亮点

1. 🚀 智能内外网跳转 (Smart Routing)

这是 DockNav 最核心的功能。你可以为同一个书签配置两个地址:

  • URL: 填公网地址 (如 https://movie.nas.com)
  • 内网 URL: 填内网地址 (如 http://192.168.50.10:8096)

当你点击书签时,DockNav 会自动检测你的来源 IP。

  • 如果你在局域网内:自动跳转到内网 URL,享受满速直连。
  • 如果你在外网:自动跳转到公网 URL,确保服务可达。

再也不用保存两套书签,或者手动修改地址栏了!

2. 🎨 玻璃拟态高颜值 UI

  • 采用了流行的 Glassmorphism (磨砂玻璃) 设计风格。
  • 支持 亮色/暗色 主题一键切换(护眼党福音)。
  • 流畅的磁性流体动画和过渡效果。
  • 响应式设计,手机、平板、电脑完美适配。

3. 🔒 隐私与权限管理

  • 私有书签:支持设置“仅登录可见”的书签。有些羞羞的或者管理类的服务,不登录是看不到的,保护隐私。
  • 访客模式:不登录也可以作为普通的公开导航页使用。

4. 🛠️ 简单易用

  • 可视化编辑:直接在页面上右键即可编辑、删除书签,支持拖拽排序。
  • 壁纸管理:支持上传自定义壁纸,打造你的专属桌面。
  • 数据导入/导出:支持标准 Netscape 书签格式导入导出,方便迁移。

🐳 安装教程 (Docker)

DockNav 非常轻量,推荐使用 Docker 部署。

方式一:Docker Compose (推荐)

在飞牛 NAS 的 Docker 管理器中,或者使用 Portainer,创建一个新的 Stack,填入以下内容:

services:
  docknav:
    image: 1195864138/docknav:latest
    container_name: docknav
    restart: unless-stopped
    # 强烈建议使用 host 模式,以便准确识别内网 IP
    network_mode: "host"
    volumes:
      # 数据库映射,防止重启丢失数据
      - ./data:/app/data
      # 壁纸目录映射
      - ./wallpapers:/app/uploads/wallpapers
    environment:
      # 默认运行端口 (Host模式下请确保端口未被占用)
      - PORT=3003
      # 管理员账号密码 (建议修改)
      - ADMIN_USER=阿弥
      - ADMIN_PASSWORD=password

方式二:Docker CLI (命令行)

如果你习惯使用 SSH,可以直接运行:

docker run -d \
  --net=host \
  --name docknav \
  -v $(pwd)/data:/app/data \
  -v $(pwd)/wallpapers:/app/uploads/wallpapers \
  -e ADMIN_USER=admin \
  -e ADMIN_PASSWORD=admin \
  1195864138/docknav:v1.0.0

未来计划 (Roadmap)

DockNav 还在持续进化中!在接下来的版本中,我计划加入以下功能,让它真正成为你的 NAS 仪表盘:

  • 🐳 本地 Docker 管理:直接在导航页上查看、启动、停止、重启 NAS 上的 Docker 容器,无需再打开 Portainer 或 SSH。
  • 📊 系统状态监控:简单直观地展示 CPU、内存、硬盘使用率。
  • ☁️ 更多第三方集成:通过 API 自动获取应用状态(如 Transmission 下载进度、Plex 播放状态等)。

如果你有其他好点子,也欢迎在评论区告诉我!


📸 截图预览

Snipaste_2026-01-15_14-46-28.png

Snipaste_2026-01-15_14-31-23.png

1768461937980_d.png

Snipaste_2026-01-15_14-30-41.png

img


👨‍💻 关于开发者

我是 阿弥,一个热爱折腾代码和新技术的非开发者。

如果你对这个项目感兴趣,或者有任何建议,欢迎访问我的个人网站:https://161767.xyz


收藏
送赞 4
分享

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

2

主题

79

回帖

0

牛值

初出茅庐

2026-1-15 21:36:25 显示全部楼层

大佬,标签可以分组吗

我的收藏地址很多,分类另起一行很不方便管理和快速查找,请我的案例: 可否增加分组切换显示的功能呢  详情 回复
2026-1-21 10:26
有分类,我没有做明显的分隔,就是另起一行,上面图片示例就是有两个分类  详情 回复
2026-1-15 22:13

10

主题

49

回帖

0

牛值

初出茅庐

2026-1-15 22:13:34 楼主 显示全部楼层
一點墨 发表于 2026-1-15 21:36
大佬,标签可以分组吗

有分类,我没有做明显的分隔,就是另起一行,上面图片示例就是有两个分类

10

主题

49

回帖

0

牛值

初出茅庐

2026-1-16 13:37:07 楼主 显示全部楼层

docker管理在做了~干中学!Snipaste_2026-01-16_13-34-01.png

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

10

主题

49

回帖

0

牛值

初出茅庐

2026-1-16 16:48:48 楼主 显示全部楼层

加了CPU和内存,还挺简单(...一些token)Snipaste_2026-01-16_16-40-34.png

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
这版本什么时候上啊  详情 回复
2026-1-17 08:29

0

主题

6

回帖

0

牛值

江湖小虾

2026-1-17 08:29:02 显示全部楼层
xihaha 发表于 2026-1-16 16:48
加了CPU和内存,还挺简单(...一些token)

这版本什么时候上啊

0

主题

6

回帖

0

牛值

江湖小虾

2026-1-17 09:17:33 显示全部楼层

还有 图标能做成 可以用网络图片地址的吗?

上传图标很简单,空了一起更新推送  详情 回复
2026-1-18 15:03

10

主题

49

回帖

0

牛值

初出茅庐

2026-1-18 15:03:40 楼主 显示全部楼层
大雄_I2zn9 发表于 2026-1-17 09:17
还有 图标能做成 可以用网络图片地址的吗?

上传图标很简单,空了一起更新推送

2

主题

79

回帖

0

牛值

初出茅庐

2026-1-21 10:26:56 显示全部楼层
[quote][size=2][url=forum.php?mod=redirect&goto=findpost&pid=234780&ptid=51196][color=#999999]一點墨 发表于 2026-1-15 21:36[/color][/url][/size] 大佬,标签可以分组吗[/quote]

我的收藏地址很多,分类另起一行很不方便管理和快速查找,请我的案例:

image.png

可否增加分组切换显示的功能呢

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

13

主题

73

回帖

0

牛值

初出茅庐

2026-1-29 14:22:15 显示全部楼层

image.png

壁纸怎么上传显示错误啊,root权限都给了

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
最近忙着搞别的这两天更新,你可以直接去文件管理上传,docknav/uploads/wallpapers  详情 回复
2026-1-30 10:45

10

主题

49

回帖

0

牛值

初出茅庐

2026-1-30 10:45:39 楼主 显示全部楼层
lianqq 发表于 2026-1-29 14:22
壁纸怎么上传显示错误啊,root权限都给了

最近忙着搞别的这两天更新,你可以直接去文件管理上传,docknav/uploads/wallpapers
没事不急,宿主机目录上传进去我试过了,没用,手动能传进去但是web界面识别不到  详情 回复
2026-1-30 12:52

13

主题

73

回帖

0

牛值

初出茅庐

2026-1-30 12:52:32 显示全部楼层
xihaha 发表于 2026-1-30 10:45
最近忙着搞别的这两天更新,你可以直接去文件管理上传,docknav/uploads/wallpapers ...

没事不急,宿主机目录上传进去我试过了,没用,手动能传进去但是web界面识别不到

13

主题

73

回帖

0

牛值

初出茅庐

2026-2-7 10:31:37 显示全部楼层

大佬,壁纸问题啥时候修复下lol

刚推送了1.0.3,还做了个配套的edge插件  详情 回复
2026-2-7 19:38

10

主题

49

回帖

0

牛值

初出茅庐

2026-2-7 19:38:21 楼主 显示全部楼层
lianqq 发表于 2026-2-7 10:31
大佬,壁纸问题啥时候修复下

刚推送了1.0.3,还做了个配套的edge插件

13

主题

73

回帖

0

牛值

初出茅庐

2026-2-8 07:52:07 显示全部楼层

大佬,这个项目好像对CPU的占用有点高,只要鼠标停留在DockNav的webui界面标签当中,cpu占用一下就起来了,离开DockNav标签页cpu的占用才会恢复正常,后续能否修复下这个问题

image.png

image.png

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
你是不是打开了docker管理界面?这个界面需要实时获取容器情况就一直在请求,但是也不应该占用这么高,你是在看电影吧,我使用没问题  详情 回复
2026-2-8 09:10

13

主题

73

回帖

0

牛值

初出茅庐

2026-2-8 08:10:57 显示全部楼层

image.png大佬,这个容器管理状态可不可以做个开关啊,我想隐藏起来

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
加了,看看有没有优化的再推送  详情 回复
2026-2-8 09:58

10

主题

49

回帖

0

牛值

初出茅庐

2026-2-8 09:10:54 楼主 显示全部楼层
lianqq 发表于 2026-2-8 07:52
大佬,这个项目好像对CPU的占用有点高,只要鼠标停留在DockNav的webui界面标签当中,cpu占用一下就起来了, ...

你是不是打开了docker管理界面?这个界面需要实时获取容器情况就一直在请求,但是也不应该占用这么高,你是在看电影吧,我使用没问题
没有在看电影  详情 回复
2026-2-8 10:17

10

主题

49

回帖

0

牛值

初出茅庐

2026-2-8 09:58:52 楼主 显示全部楼层
[quote][size=2][url=forum.php?mod=redirect&goto=findpost&pid=251610&ptid=51196][color=#999999]lianqq 发表于 2026-2-8 08:10[/color][/url][/size] 大佬,这个容器管理状态可不可以做个开关啊,我想隐藏起来[/quote]

加了,看看有没有优化的再推送
1770515843128_d.png

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

13

主题

73

回帖

0

牛值

初出茅庐

2026-2-8 10:17:58 显示全部楼层
xihaha 发表于 2026-2-8 09:10
你是不是打开了docker管理界面?这个界面需要实时获取容器情况就一直在请求,但是也不应该占用这么高,你 ...

没有在看电影
大佬,春节前能修复吗  详情 回复
2026-2-11 11:23
知道问题了,首次访问会请求一次docker容器详细信息,容器多的话瞬间高并发,过一下就会降下来对吧,我改改  详情 回复
2026-2-8 11:08

10

主题

49

回帖

0

牛值

初出茅庐

2026-2-8 11:08:22 楼主 显示全部楼层

知道问题了,首次访问会请求一次docker容器详细信息,容器多的话瞬间高并发,过一下就会降下来对吧,我改改
额,我也不太清楚,反正就是只要画面停留在浏览器的这个DockNav标签页面,CPU会飙升,离开页面则正常  详情 回复
2026-2-8 11:32

13

主题

73

回帖

0

牛值

初出茅庐

2026-2-8 11:32:21 显示全部楼层
xihaha 发表于 2026-2-8 11:08
知道问题了,首次访问会请求一次docker容器详细信息,容器多的话瞬间高并发,过一下就会降下来对吧,我改 ...

额,我也不太清楚,反正就是只要画面停留在浏览器的这个DockNav标签页面,CPU会飙升,离开页面则正常

46

主题

180

回帖

160

牛值

社区共建团

社区上线纪念勋章社区共建团荣誉勋章飞牛百度网盘玩家fnOS1.0上线纪念勋章EVO2产品纪念

2026-2-9 17:24:26 显示全部楼层

shocked

<strike>正值爱玩的年纪</strike>,
<strike>qdnas.icu</strike>

46

主题

180

回帖

160

牛值

社区共建团

社区上线纪念勋章社区共建团荣誉勋章飞牛百度网盘玩家fnOS1.0上线纪念勋章EVO2产品纪念

2026-2-9 17:26:31 显示全部楼层

没开源么lol

<strike>正值爱玩的年纪</strike>,
<strike>qdnas.icu</strike>

3

主题

5

回帖

0

牛值

fnOS系统内测组

2026-2-10 11:51:03 显示全部楼层

给你们看看我的带有AI助手的导航页
image.png

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

13

主题

73

回帖

0

牛值

初出茅庐

2026-2-11 11:23:52 显示全部楼层

大佬,春节前能修复吗

13

主题

73

回帖

0

牛值

初出茅庐

2026-2-12 18:02:39 显示全部楼层

大佬收到2-12号的更新拉,容器状态可以关闭了,但是那个cpu占用问题还是存在,我中间换了好几个浏览器也尝试过无痕模式问题依旧,只要画面不停留在docknav就没事,停留在画面cpu占用就暴涨

...我这没有问题,回老家了,等有空了看看  详情 回复
2026-2-12 21:47

10

主题

49

回帖

0

牛值

初出茅庐

2026-2-12 21:47:46 楼主 显示全部楼层
[quote][size=2][url=forum.php?mod=redirect&goto=findpost&pid=255053&ptid=51196][color=#999999]lianqq 发表于 2026-2-12 18:02[/color][/url][/size] 大佬收到2-12号的更新拉,容器状态可以关闭了,但是那个cpu占用问题还是存在,我中间换了好几个浏览器也尝 ...[/quote]

Snipaste_2026-02-12_21-45-17.png...我这没有问题,回老家了,等有空了看看

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

13

主题

73

回帖

0

牛值

初出茅庐

2026-2-18 15:00:08 显示全部楼层

大神,后续有时间做个—夸克网盘每天自动签到领取网盘空间的docker项目吗?

image.png

image.png

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
看看这个?https://github.com/Cp0204/quark-auto-save  详情 回复
2026-2-19 21:46

10

主题

49

回帖

0

牛值

初出茅庐

2026-2-19 21:46:34 楼主 显示全部楼层
lianqq 发表于 2026-2-18 15:00
大神,后续有时间做个—夸克网盘每天自动签到领取网盘空间的docker项目吗?

看看这个?https://github.com/Cp0204/quark-auto-save
需要手机抓包关键参数,我不会啊,手机貌似要root啥的  详情 回复
2026-2-20 19:54

13

主题

73

回帖

0

牛值

初出茅庐

2026-2-20 19:54:33 显示全部楼层
xihaha 发表于 2026-2-19 21:46
看看这个?https://github.com/Cp0204/quark-auto-save

需要手机抓包关键参数,我不会啊,手机貌似要root啥的

13

主题

73

回帖

0

牛值

初出茅庐

2026-2-26 17:22:35 显示全部楼层

image.png大佬,有时间弄个docker订阅付费管理项目不,我全网搜了下貌似没人做唉,感觉需要这个的人应该挺多的

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

13

主题

73

回帖

0

牛值

初出茅庐

大佬,搜索框可以增加个隐藏按钮吗?另外每次新建一个链接,总是会跑到前面,需要手动拖动到后面感觉有点麻烦,希望可以优化下,另外图标的大小间距之类的希望可以增加自定义

0

主题

5

回帖

0

牛值

江湖小虾

更新之后数据都不会丢失吧?有没有备份功能?被flatnas坑惨了,更新之后数据都没了,不敢用了

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则