NAS导航面板Sun-Panel

admin2024-05-15  0

NAS导航面板Sun-Panel,在这里插入图片描述,第1张

什么是 Sun-Panel ?

NAS导航面板Sun-Panel,第2张

软件主要特点:

  • 🍉 界面简洁,功能强大,资源消耗低
  • 🍊 简单易用,可视化操作,零代码使用
  • 🍠 内外网模式一键切换
  • 🍵支持 Docker 部署(兼容 Arm 系统)
  • 🎪 支持多账户隔离
  • 🎏 支持查看系统状态
  • 🫙 支持自定义JSCSS
  • 🍻 使用简单,无需连接外部数据库
  • 🍾 丰富的图标样式自由组合,支持 Iconify 图标库
  • 🚁 支持在网页中打开小窗口(部分第三方网站可能会屏蔽此功能)

官方提供了在线 Demo,地址:http://sunpaneldemo.enianteam.com

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 sun-panel ,选择第一个 hslr/sun-panel,版本选择 latest

NAS导航面板Sun-Panel,第3张

docker 文件夹中,创建一个新文件夹 sun-panel,并在其中建三个子文件夹 confdatabaseuploads

文件夹装载路径说明
docker/sun-panel/conf/app/conf存放设置文件
docker/sun-panel/uploads/app/uploads存放上传的图片文件
docker/sun-panel/database/app/database存放数据库

NAS导航面板Sun-Panel,第4张

端口

本地端口不冲突就行,不确定的话可以用命令查一下

# 查看端口占用
netstat -tunlp | grep 端口号
本地端口容器端口
30043002

NAS导航面板Sun-Panel,第5张

命令行安装

如果你熟悉命令行,可能用 docker cli 更快捷

# 新建文件夹 sun-panel 和 子目录
mkdir -p /volume1/docker/sun-panel/{conf,database,uploads}

# 进入 sun-panel 目录
cd /volume1/docker/sun-panel

# 运行容器
docker run -d \
   --restart unless-stopped \
   --name sun-panel \
   -p 3004:3002 \
   -v $(pwd)/conf:/app/conf \
   -v $(pwd)/uploads:/app/uploads \
   -v $(pwd)/database:/app/database \
   hslr/sun-panel:latest

也可以用 docker-compose 安装,将下面的内容保存为 docker-compose.yml 文件

version: '3'

services:
  sun-panel:
    image: hslr/sun-panel:latest
    container_name: sun-panel
    restart: unless-stopped
    ports:
      - 3004:3002
    volumes:
      - ./conf:/app/conf
      - ./uploads:/app/uploads
      - ./database:/app/database

然后执行下面的命令

# 新建文件夹 sun-panel 和 子目录
mkdir -p /volume1/docker/sun-panel/{conf,database,uploads}

# 进入 sun-panel 目录
cd /volume1/docker/sun-panel

# 将 docker-compose.yml 放入当前目录

# 一键启动
docker-compose up -d

运行

在浏览器中输入 http://群晖IP:3004 就能看到登录界面

NAS导航面板Sun-Panel,第6张

登录成功后的主界面

NAS导航面板Sun-Panel,第7张

右下角进入 设置 --> 账号管理,可以编辑、修改、删除等操作,建议用自己的账号,并取消默认账号的权限

NAS导航面板Sun-Panel,第8张

接下来进入 分组管理,创建自己的分组

NAS导航面板Sun-Panel,第9张

现在可以开始添加导航了

NAS导航面板Sun-Panel,第10张

注意,这里有个 地址内网地址,其中 地址 就是指的公网地址,内网地址 则指的是局域网地址,可以通过右下角的按钮进行切换

NAS导航面板Sun-Panel,第11张

当一个应用反代之后,可以让我们在不同的网络下使用不同的访问地址

NAS导航面板Sun-Panel,第12张

选择 在线图标,打开 在线图标库,搜索图标

NAS导航面板Sun-Panel,第13张

选中图标后,点图标复制

NAS导航面板Sun-Panel,第14张

回到 Sun-Panel 粘贴,没问题的话马上就能看到预览

NAS导航面板Sun-Panel,第15张

像没有内网地址的可以不填

NAS导航面板Sun-Panel,第16张

大致的效果

NAS导航面板Sun-Panel,第17张

参考文档

Open Source Icon Sets - Iconify
地址:https://icon-sets.iconify.design/

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明原文出处。如若内容造成侵权/违法违规/事实不符,请联系SD编程学习网:675289112@qq.com进行投诉反馈,一经查实,立即删除!