65 字
1 分钟
Docker 部署 Sun-Panel 导航面板
Sun-Panel 是一个 NAS、服务器导航面板、简易 Docker 管理器，可作为 Homepage 或浏览器首页使用。
- 首页：sun-panel.top
- GitHub：hslr-s/sun-panel
- 默认账号：
admin@sun.cc/12345678
部署
services: panel: image: 'hslr/sun-panel:latest' hostname: panel container_name: panel ports: - '3002:3002' volumes: - './conf:/app/conf' - '/var/run/docker.sock:/var/run/docker.sock' restart: always networks: - app-net
networks: app-net: external: true美化 CSS
毛玻璃效果
.item-list { backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px); background: rgba(255, 255, 255, 0.3); border-radius: 15px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 10px; color: white; margin: auto;}图标悬停摇晃动画
.icon-info-box .rounded-2xl:hover { background: rgba(42, 42, 42, 0.7) !important; animation: info-shake-bounce .5s alternate !important;}
.icon-small-box .rounded-2xl:hover { background: rgba(42, 42, 42, 0.7) !important; animation: small-shake-bounce .5s alternate !important;}
@keyframes info-shake-bounce { 0%, 100% { transform: rotate(0); } 25% { transform: rotate(10deg); } 50% { transform: rotate(-10deg); } 75% { transform: rotate(2.5deg); } 85% { transform: rotate(-2.5deg); }}
@keyframes small-shake-bounce { 0%, 100% { transform: rotate(0); } 25% { transform: rotate(15deg); } 50% { transform: rotate(-15deg); } 75% { transform: rotate(5deg); } 85% { transform: rotate(5deg); }} 分享
如果这篇文章对你有帮助，欢迎分享给更多人！
Docker 部署 Sun-Panel 导航面板
https://blog.olinl.com/posts/docker-sun-panel/ 相关文章 智能推荐
1
Docker 部署 Memos 笔记服务
虚拟化与容器 使用 Docker Compose 部署 Memos 轻量级笔记服务，同时部署 Mortis 兼容服务以支持 iOS 客户端连接，并配置 MinIO 作为附件存储。
2
Docker 部署 Uptime Kuma 监控服务
虚拟化与容器 使用 Docker Compose 部署 Uptime Kuma 开源监控工具，支持 HTTP、Ping、TCP 等多种监控方式，故障时及时通知。
3
Immich 图片管理软件部署备忘录
HomeLab 私有云 记录 Immich 自托管照片管理软件的 Docker Compose 部署方式，支持 Intel 核显 OpenVINO 加速，以及中文地理编码和 CLIP 大模型配置。
4
Beszel 服务器监控工具部署指南
HomeLab 私有云 介绍 Beszel 监控工具的 Hub 和 Agent 部署方式，支持 Docker 和二进制两种方式，可监控服务器资源、Docker、Systemd、S.M.A.R.T.、GPU 等。
5
Docker Compose 工具使用教程
虚拟化与容器 Docker容器的Compose工具
