NAS导航面板Sun-Panel

发表于 更新于 分类于 Waline： 阅读次数： 本文字数： 2k 阅读时长 ≈ 2 分钟
Sun-Panel 是一个服务器、NAS 导航面板、Homepage、浏览器首页。

什么是 Sun-Panel ？

Sun-Panel 是一个服务器、NAS 导航面板、Homepage、浏览器首页。

软件主要特点：

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

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

安装

在群晖上以 Docker 方式安装。

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

本文写作时， latest 版本对应为 1.3.0；

卷

在 docker 文件夹中，创建一个新文件夹 sun-panel，并在其中建三个子文件夹 conf、database 和 uploads

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

端口

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

1
2
# 查看端口占用
netstat -tunlp | grep 端口号
本地端口 容器端口
3004 3002

命令行安装

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
# 新建文件夹 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 文件

1
2
3
4
5
6
7
8
9
10
11
12
13
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

然后执行下面的命令

1
2
3
4
5
6
7
8
9
10
# 新建文件夹 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 就能看到登录界面

默认的账号：admin@sun.cc 和密码：12345678

登录成功后的主界面

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

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

现在可以开始添加导航了

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

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

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

选中图标后，点图标复制

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

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

大致的效果

参考文档

hslr-s/sun-panel: A server, NAS navigation panel, Homepage, browser homepage. | 一个服务器、NAS导航面板、Homepage、浏览器首页。
地址：https://github.com/hslr-s/sun-panel

Sun-Panel | Sun-Panel
地址：https://sun-panel-doc.enianteam.com/

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