七夏 发表于 2025-3-3 15:54:48

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

<h2>项目介绍</h2>
<p><code>sun-panel</code> —— 个 NAS、服务器导航面板、简易 Docker 管理器、Homepage、浏览器首页。</p>
<p><img src="https://www.3bbs.cn/index-diy/img.php?url=https://mmbiz.qpic.cn/mmbiz_png/xMqghZDiatQQ6DMLkXxezWGe1zlzmDS5WxYRzhul2Ne4DlC9JVMuDaibUDo5JRsRS5o0jYKHzmBdM0LesgkwjicrQ/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" alt="图片" /></p>
<p><strong>「功能特色」</strong>:</p>
<ul>
<li>界面简洁,功能强大,资源占用少</li>
<li>上手简单,可视化操作,支持自定义 Js、Css</li>
<li>丰富图标风格自由搭配,支持 Iconify 图标库</li>
<li>支持网页内置小窗口打开(部分三方网站屏蔽此功能)</li>
<li>支持多账号隔离使用,简单使用可以无需连接外部数据库</li>
<li>支持查看系统状态</li>
<li>支持 Docker、Docker Compose 一键部署,简单的 Docker 管理器,支持查看容器状态</li>
</ul>
<h2>快速部署</h2>
<h3>默认账号密码</h3>
<ul>
<li>账号:<code>admin@sun.cc</code></li>
<li>密码:<code>12345678an&gt;</code></li>
</ul>
<h3>二进制可执行文件运行</h3>
<p>1、下载二进制文件</p>
<pre><code>https://github.com/hslr-s/sun-panel/releases
</code></pre>
<p>2、解压运行</p>
<pre><code>./sun-panel
</code></pre>
<h3>Docker 运行</h3>
<pre><code>docker run -d -p 3002:3002 \
-v /data/software/sun-panel/conf:/app/conf \
-v /var/run/docker.sock:/var/run/docker.sock \
--name sun-panel \
hslr/sun-panel:latest
</code></pre>
<h3>Docker Compose 运行</h3>
<p>1、创建 <code>docker-compose.yml</code></p>
<pre><code>version: &quot;3.2&quot;

services:
sun-panel:
    image:&quot;hslr/sun-panel:latest&quot;
    container_name:sun-panel
    volumes:
      -/data/software/sun-panel/conf:/app/conf
      -/var/run/docker.sock:/var/run/docker.sock# 挂载docker.sock
    ports:
      -3002:3002
    restart:always
</code></pre>
<p>2、运行启动</p>
<pre><code>docker-compose up -d
</code></pre>
<h2>预览截图</h2>
<ul>
<li><strong>「登录页」</strong></li>
</ul>
<p><img src="https://www.3bbs.cn/index-diy/img.php?url=https://mmbiz.qpic.cn/mmbiz_png/xMqghZDiatQQ6DMLkXxezWGe1zlzmDS5WsNRsghC6S5WxDic9ibgmnQVvFe8jg43XrJxsznHUDDObd9eTVBlfhzFQ/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" alt="图片" /></p>
<ul>
<li><strong>「小图标卡片模式」</strong></li>
</ul>
<p><img src="https://www.3bbs.cn/index-diy/img.php?url=https://mmbiz.qpic.cn/mmbiz_png/xMqghZDiatQQ6DMLkXxezWGe1zlzmDS5WdFice9h0QCEQYkJffZEGXmGUicdpyFNsDxH2aobsbUqicbdibPJhUUx21w/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" alt="图片" /></p>
<ul>
<li><strong>「网页内置小窗口打开」</strong></li>
</ul>
<p><img src="https://www.3bbs.cn/index-diy/img.php?url=https://mmbiz.qpic.cn/mmbiz_png/xMqghZDiatQQ6DMLkXxezWGe1zlzmDS5WsE7MiaGH3cCGiaBibpfeEicpXyIacniccdzbfhNX9dwShoMqpgdgBYibLm1w/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" alt="图片" /></p>
<ul>
<li><strong>「自定义壁纸」</strong></li>
</ul>
<p><img src="https://www.3bbs.cn/index-diy/img.php?url=https://mmbiz.qpic.cn/mmbiz_png/xMqghZDiatQQ6DMLkXxezWGe1zlzmDS5WUKnuVfbBtOyCfG5C5Io85XcRibLF3Nn1cSfQwG5jWX4AAmcsZxbrmUQ/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" alt="图片" /></p>
<ul>
<li><strong>「个性化设置」</strong></li>
</ul>
<p><img src="https://www.3bbs.cn/index-diy/img.php?url=https://mmbiz.qpic.cn/mmbiz_png/xMqghZDiatQQ6DMLkXxezWGe1zlzmDS5WYhtyAvuk5NFoGEJTDYJpHfZQictX0IicicgZuN63ficGQ8d0ECq6WdW62A/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" alt="图片" /></p>
<ul>
<li><strong>「Docker 简易管理」</strong></li>
</ul>
<p><img src="https://www.3bbs.cn/index-diy/img.php?url=https://mmbiz.qpic.cn/mmbiz_png/xMqghZDiatQQ6DMLkXxezWGe1zlzmDS5Ww0dRktTRh9TDuvdHyR3KJe9xshKTM26ArpzBuJMUJEvRws5BOv9WmA/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" alt="图片" /></p>
<ul>
<li><strong>「上传文件管理」</strong></li>
</ul>
<p><img src="https://www.3bbs.cn/index-diy/img.php?url=https://mmbiz.qpic.cn/mmbiz_png/xMqghZDiatQQ6DMLkXxezWGe1zlzmDS5WBrFydFpWY2BD3pFgXZCtSutlkOfqQlKWF8htGXzhnsLXnLjA0CWFsA/640?wx_fmt=png&amp;from=appmsg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" alt="图片" /></p>
<h2>本地开发</h2>
<blockquote>
<p>❝<strong>「说明:从 v1.4.0-beta24-02-20 开始,项目将暂时闭源,准备重构后支持模块化开发再次开源,目前Github版本中为 v1.3.0 正式版」****。</strong></p>
<p>❞</p>
</blockquote>
<p><strong>「环境依赖」</strong>:</p>
<ul>
<li>Node.js</li>
<li>Golang</li>
</ul>
<h3>前端</h3>
<pre><code># 克隆代码
git clone https://github.com/hslr-s/sun-panel

# 进入项目
cd sun-panel

# 安装依赖
pnpm install

# 开发运行
pnpm dev

# 编译打包(打包后生成dist目录,若需要结合后端使用请改成web)
pnpm build
</code></pre>
<h3>后端</h3>
<pre><code># 进入后端项目
cd service

# 开发运行
go run main.go

# 编译打包
go build -o sun-panel main.go
</code></pre>
<p><code>sun-panel</code> 作为一款浏览器首页导航面板,主打简单使用,0 代码即可实现部署上线。同时,又提供了简易的服务器、Docker 管理面板。</p>
<p>快去安装体验吧~</p>
<pre><code>项目地址:https://github.com/hslr-s/sun-panel
</code></pre>
页: [1]
查看完整版本: 简易美观!一个浏览器首页导航面板!