玩转 NAS | 快速安装 Sun-Panel 并创建 Homepage 导航面板

2024-06-09 13:28

本文主要是介绍玩转 NAS | 快速安装 Sun-Panel 并创建 Homepage 导航面板,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

001291f0dbf6e4e9a3bd4a7dfd71afae.jpeg

[ 知识是人生的灯塔,只有不断学习,才能照亮前行的道路 ]

大家好,我是一个正在向全栈工程师(SecDevOps)前进的计算机技术爱好者

作者微信:WeiyiGeeker
公众号/星球:全栈工程师修炼指南
主页博客: https://weiyigeek.top - 为者常成,行者常至

温馨提示:如果小伙伴们在其他平台看到此文章,一定要关注作者首发公众号《全栈工程师修炼指南》,给作者持续创作的动力!

原文链接:

玩转 NAS | 快速安装 Sun-Panel 并创建 Homepage 导航面板

0x00 前言简述

描述:最近又开始折腾购买的威联通的NAS(TS464C2)了,今天给各位看友分享一款Github上开源的NAS导航栏,我们可以在NAS中快速安装sun-panel项目,然后便可以很方便的管理我们经常访问的网页书签站点,与此同时又能够被外部公开访问,所以非常适合做一个导航站点,先来看看项目效果图:

54644806e1518bc06c67bf48b863276a.png

weiyigeek.top-sun-panel项目图

Sun-Panel是什么?

一个服务器、NAS导航面板、Homepage、浏览器首页。(A server, NAS navigation panel, Homepage, Browser homepage)

温馨提示:只要Docker环境的设备中基本上都能运行哟!

Sun-Panel的特点?

  • 🍉界面简洁,功能强大,资源占用少

  • 🍊上手简单,可视化操作,可0代码使用

  • 🍠一键切换内、外网模式链接

  • 🍵支持docker部署(支持Arm系统)

  • 🎪支持多账号隔离使用

  • 🎏支持查看系统状态

  • 🫙支持自定义js、css

  • 🍻简单使用可以无需连接外部数据库

  • 🍾丰富图标风格自由搭配,支持iconify图标库

  • 🚁支持网页内置小窗口打开(部分三方网站屏蔽此功能)

项目地址:https://github.com/hslr-s/sun-panel

0x01 安装使用

描述:作者已经在威联通NAS中安装好了 Container Station 容器工具应用(即Docker应用环境),以及配置好了SSH远程访问NAS,未安装和配置SSH连接(可选)的童鞋可以参考作者前面的文章。

Docker Hub: https://hub.docker.com/r/hslr/sun-panel/tags  (PS: 最新版本为1.4.0),貌似最近由于某些原因无法直接拉取镜像,这里作者采用前面文章中介绍的方法,通过Github Action 同步镜像到阿里云镜像仓库中,地址如下:

Aliyun Hub:registry.cn-hangzhou.aliyuncs.com/weiyigeek/sun-panel:1.4.0

Step 1.首先,打开File Station应用,创建/share/Container/sun-panel目录,并且其下创建confuploadsdatabase三个文件夹。

# 或命令一条搞定
mkdir -vp /share/Container/sun-panel/{conf,uploads,database}

96be19adceb34688b0a0550a432ed459.png

weiyigeek.top-持久化目录创建图

Step 2.其次,打开Container Station 容器工具,我们可以使用docker-compose资源清单的方式以及 docker run 命令方式来安装sun-panel,缺省端口 3002 ,请自行更改!

  • 2.1 使用docker-compose资源清单方式安装(推荐,适合新手朋友!)

version: "3.2"
services:sun-panel:image: 'registry.cn-hangzhou.aliyuncs.com/weiyigeek/sun-panel:1.4.0'container_name: sun-panelvolumes:- /share/Container/sun-panel/conf:/app/conf- /share/Container/sun-panel/uploads:/app/uploads- /share/Container/sun-panel/database:/app/database# - ./runtime:/app/runtimeports:- 3002:3002restart: always

15ec819731c39f164510e7090bfbbae0.png

weiyigeek.top-docker-compose方式部署图
  • 2.2 在威联通NAS的ssh登录终端中,使用docker run命令安装。

docker run -d --restart=always -p 3002:3002 \-v /share/Container/sun-panel/conf:/app/conf \-v /share/Container/sun-panel/uploads:/app/uploads  \-v /share/Container/sun-panel/database:/app/database  \--name sun-panel registry.cn-hangzhou.aliyuncs.com/weiyigeek/sun-panel:1.4.0# 除此,之外也可以在SSH中进行docker-compose部署,但是威联通Shell终端中默认没有安装docker-compose,需要自行安装(执行快速安装)
wget -O /tmp/docker-compose -L https://github.com/docker/compose/releases/download/v2.27.1/docker-compose-linux-x86_64
mkdir -vp /share/CACHEDEV1_DATA/Public/Tools/
cp /tmp/docker-compose /share/CACHEDEV1_DATA/Public/Tools/docker-compose
ln -s /share/CACHEDEV1_DATA/Public/Tools/docker-compose /usr/local/bin/docker-compose

dd775f9019e1484828fe108d22a9d7c1.png

weiyigeek.top-sun-panel容器启动图

Step 3.然后,打开浏览器访问sun-Panel的IP地址:http://10.10.107.250:3002/ ,其中默认账号密码为账号信息 admin@sun.cc / 12345678

f21541d6b177fe5f9d020311d74ced70.png

weiyigeek.top-登录界面图

Step 4.之后,我们就可以在管理面板中添加自己常用的网站以及右下角对应的系统应用相关配置。

5fe00ff288dd4bc0494e3a86ee6b4e72.png

weiyigeek.top-系统应用相关配置图

Step 5.最后,我们可以把添加的网站链接公开分享给其他小伙伴,点击账号管理,点击操作,点击设置/取消公开访问

e3a942532e7092527606639a63798b84.png

weiyigeek.top-设置sun公开访问图

Step 6.此时,我们再次访问http://10.10.107.250:3002/,就会发现我们公开的站点链接已经可以公开访问了。

d63cf726c5894e30904530ad2f194b80.png

温馨提示:如果你忘记了管理员密码,你除了修改数据库,还可以使用命令重置第一个管理员的密码。

# 如果您使用的是docker(未使用可以跳过)
docker exec -it sun-panel bash
./sun-panel -password-reset# 输出结果
The password has been successfully reset. Here is the account information
Username  admin@sun.cc
Password  12345678

温馨提示:更多的使用方法,请参考作者的项目地址:https://github.com/hslr-s/sun-panel

温馨提示:作者最近正在整理自己10年的工作学习笔记(涉及网络、安全、运维、开发),同时全栈系列从门到实践教程将会逐步持续同步到公众号内,若需要作者学习实践笔记的看友,可添加作者[WeiyiGeeker],当前价格¥168,除了笔记同时还可进行问题答疑和时常远程技术支持,希望大家多多支持,收获定大于付出!

025c9e666c096e9117830f5448889694.png


如果此篇文章对你有帮助,请你将它分享给更多的人! 

a3b25a2cad033e7f454d2d64faf037d2.gif

953fee5a274a40b4673dad84406296b6.png 学习推荐 往期文章 9e27a1b433e8eb9a67c67ed444cd4f6a.png

  • 🔥 硬件玩物 | 在超高性价比的NAS中打造个人知识笔记管理利器!

  • 🔥 硬件玩物 | 萌新必知NAS文件备份的八种方式

  • 🔥 硬件玩物 | 性价比超高的QNAP,常备NAS应用及第三方程序源添加!

  • 🔥 硬件玩物 | 萌新使用 QNAP 必备配置!

2864b79cc45762c6529e2f7694618ff3.gif

关注回复【加群】邀你加入学习交流群,目前已经有许多志同道合的IT行业的朋友!

b47282202783f0b303a40e7e286fd428.gifea7b4a17196b2c56ce55e35b9db6e819.gif此文,为作者原创文章,希望大家多多支持,若对看友您有帮助请帮忙转发,点👍、在看,若有疑问的小伙伴,可在文末留言哟!

原文路径:玩转 NAS | 快速安装 Sun-Panel 并创建 Homepage 导航面板

这篇关于玩转 NAS | 快速安装 Sun-Panel 并创建 Homepage 导航面板的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1045304

相关文章

Win安装MySQL8全过程

《Win安装MySQL8全过程》:本文主要介绍Win安装MySQL8全过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Win安装mysql81、下载MySQL2、解压文件3、新建文件夹data,用于保存数据库数据文件4、在mysql根目录下新建文件my.ini

使用Python和Pyecharts创建交互式地图

《使用Python和Pyecharts创建交互式地图》在数据可视化领域,创建交互式地图是一种强大的方式,可以使受众能够以引人入胜且信息丰富的方式探索地理数据,下面我们看看如何使用Python和Pyec... 目录简介Pyecharts 简介创建上海地图代码说明运行结果总结简介在数据可视化领域,创建交互式地

快速修复一个Panic的Linux内核的技巧

《快速修复一个Panic的Linux内核的技巧》Linux系统中运行了不当的mkinitcpio操作导致内核文件不能正常工作,重启的时候,内核启动中止于Panic状态,该怎么解决这个问题呢?下面我们就... 感谢China编程(www.chinasem.cn)网友 鸢一雨音 的投稿写这篇文章是有原因的。为了配置完

最详细安装 PostgreSQL方法及常见问题解决

《最详细安装PostgreSQL方法及常见问题解决》:本文主要介绍最详细安装PostgreSQL方法及常见问题解决,介绍了在Windows系统上安装PostgreSQL及Linux系统上安装Po... 目录一、在 Windows 系统上安装 PostgreSQL1. 下载 PostgreSQL 安装包2.

Python利用ElementTree实现快速解析XML文件

《Python利用ElementTree实现快速解析XML文件》ElementTree是Python标准库的一部分,而且是Python标准库中用于解析和操作XML数据的模块,下面小编就来和大家详细讲讲... 目录一、XML文件解析到底有多重要二、ElementTree快速入门1. 加载XML的两种方式2.

Maven如何手动安装依赖到本地仓库

《Maven如何手动安装依赖到本地仓库》:本文主要介绍Maven如何手动安装依赖到本地仓库问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、下载依赖二、安装 JAR 文件到本地仓库三、验证安装四、在项目中使用该依赖1、注意事项2、额外提示总结一、下载依赖登

如何在Mac上安装并配置JDK环境变量详细步骤

《如何在Mac上安装并配置JDK环境变量详细步骤》:本文主要介绍如何在Mac上安装并配置JDK环境变量详细步骤,包括下载JDK、安装JDK、配置环境变量、验证JDK配置以及可选地设置PowerSh... 目录步骤 1:下载JDK步骤 2:安装JDK步骤 3:配置环境变量1. 编辑~/.zshrc(对于zsh

如何在pycharm安装torch包

《如何在pycharm安装torch包》:本文主要介绍如何在pycharm安装torch包方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录在pycharm安装torch包适http://www.chinasem.cn配于我电脑的指令为适用的torch包为总结在p

在PyCharm中安装PyTorch、torchvision和OpenCV详解

《在PyCharm中安装PyTorch、torchvision和OpenCV详解》:本文主要介绍在PyCharm中安装PyTorch、torchvision和OpenCV方式,具有很好的参考价值,... 目录PyCharm安装PyTorch、torchvision和OpenCV安装python安装PyTor

Python Transformer 库安装配置及使用方法

《PythonTransformer库安装配置及使用方法》HuggingFaceTransformers是自然语言处理(NLP)领域最流行的开源库之一,支持基于Transformer架构的预训练模... 目录python 中的 Transformer 库及使用方法一、库的概述二、安装与配置三、基础使用:Pi