找回密码
 立即注册
首页 业界区 业界 简易美观!一个浏览器首页导航面板!

简易美观!一个浏览器首页导航面板!

卒挪 3 天前
大家好,我是 Java陈序员。
之前给大家介绍一款基于 GitHub Pages 配置实现的导航页面。
贼好用!五分钟搭建一个美观且易用的导航页面!
今天,再给大家介绍一个简易美观的浏览器首页导航面板。
关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。
项目介绍

sun-panel —— 个 NAS、服务器导航面板、简易 Docker 管理器、Homepage、浏览器首页。
1.png

功能特色

  • 界面简洁,功能强大,资源占用少
  • 上手简单,可视化操作,支持自定义 Js、Css
  • 丰富图标风格自由搭配,支持 Iconify 图标库
  • 支持网页内置小窗口打开(部分三方网站屏蔽此功能)
  • 支持多账号隔离使用,简单使用可以无需连接外部数据库
  • 支持查看系统状态
  • 支持 Docker、Docker Compose 一键部署,简单的 Docker 管理器,支持查看容器状态
快速部署

默认账号密码


  • 账号:admin@sun.cc
  • 密码:12345678
二进制可执行文件运行

1、下载二进制文件
  1. https://github.com/hslr-s/sun-panel/releases
复制代码
2、解压运行
  1. ./sun-panel
复制代码
Docker 运行
  1. docker run -d -p 3002:3002 \
  2. -v /data/software/sun-panel/conf:/app/conf \
  3. -v /var/run/docker.sock:/var/run/docker.sock \
  4. --name sun-panel \
  5. hslr/sun-panel:latest
复制代码
Docker Compose 运行

1、创建 docker-compose.yml
  1. version: "3.2"
  2. services:
  3.   sun-panel:
  4.     image: "hslr/sun-panel:latest"
  5.     container_name: sun-panel
  6.     volumes:
  7.       - /data/software/sun-panel/conf:/app/conf
  8.       - /var/run/docker.sock:/var/run/docker.sock # 挂载docker.sock
  9.     ports:
  10.       - 3002:3002
  11.     restart: always
复制代码
2、运行启动
  1. docker-compose up -d
复制代码
预览截图


  • 登录页
2.png


  • 小图标卡片模式
3.png


  • 网页内置小窗口打开
4.png


  • 自定义壁纸
5.png


  • 个性化设置
6.png


  • Docker 简易管理
7.png


  • 上传文件管理
8.png

本地开发

说明:从 v1.4.0-beta24-02-20 开始,项目将暂时闭源,准备重构后支持模块化开发再次开源,目前Github版本中为 v1.3.0 正式版
环境依赖

  • Node.js
  • Golang
前端
  1. # 克隆代码
  2. git clone https://github.com/hslr-s/sun-panel
  3. # 进入项目
  4. cd sun-panel
  5. # 安装依赖
  6. pnpm install
  7. # 开发运行
  8. pnpm dev
  9. # 编译打包(打包后生成dist目录,若需要结合后端使用请改成web)
  10. pnpm build
复制代码
后端
  1. # 进入后端项目
  2. cd service
  3. # 开发运行
  4. go run main.go
  5. # 编译打包
  6. go build -o sun-panel main.go
复制代码
sun-panel 作为一款浏览器首页导航面板,主打简单使用,0 代码即可实现部署上线。同时,又提供了简易的服务器、Docker 管理面板。
快去安装体验吧~
  1. 项目地址:https://github.com/hslr-s/sun-panel
复制代码
最后

推荐的开源项目已经收录到 GitHub 项目,欢迎 Star:
  1. https://github.com/chenyl8848/great-open-source-project
复制代码
或者访问网站,进行在线浏览:
  1. https://chencoding.top:8090/#/
复制代码
9.png

我创建了一个开源项目交流群,方便大家在群里交流、讨论开源项目
但是任何人在群里打任何广告,都会被 T 掉
如果你对这个交流群感兴趣或者在使用开源项目中遇到问题,可以通过如下方式进群
关注微信公众号:【Java陈序员】,回复【开源项目交流群】进群,或者通过公众号下方的菜单添加个人微信,并备注【开源项目交流群】,通过后拉你进群
大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
您需要登录后才可以回帖 登录 | 立即注册