sun-panel 使用指南：打造你的专属导航面板

sun-panel 使用指南：打造你的专属导航面板

【免费下载链接】sun-panel 一个NAS导航面板、Homepage、浏览器首页。 项目地址: https://gitcode.com/gh_mirrors/su/sun-panel

你是否厌倦了在众多应用和服务之间反复切换？想要一个统一、美观且功能强大的导航中心？sun-panel正是为你量身定制的开源项目解决方案。这款NAS导航面板、Homepage和浏览器首页工具，通过简洁直观的配置管理，让你的数字生活更加井然有序。

🎯 核心功能一览

sun-panel 为你提供了以下核心价值：

个性化导航中心 - 自由添加和管理常用网站、服务入口，打造专属工作台 系统状态监控 - 实时查看服务器资源使用情况，掌握系统健康状况 多账户隔离 - 支持不同用户独立配置，适合家庭或团队使用 零代码操作 - 完全可视化配置，无需编程基础即可上手

🚀 快速部署步骤

Docker 部署（推荐）

这是最快捷的部署方式，只需三步：

1. 准备配置文件

mkdir -p sun-panel/{conf,uploads,database}

2. 创建 docker-compose.yml

version: "3.2"
services:
  sun-panel:
    image: 'hslr/sun-panel:latest'
    container_name: sun-panel
    volumes:
      - ./conf:/app/conf
      - ./uploads:/app/uploads
      - ./database:/app/database
    ports:
      - 3002:3002
    restart: always

3. 启动服务

docker-compose up -d

源码部署方式

如果你希望进行二次开发或深度定制：

1. 克隆项目

git clone https://gitcode.com/gh_mirrors/su/sun-panel.git
cd sun-panel

2. 安装依赖

pnpm install

3. 启动开发环境

pnpm dev

⚙️ 最佳配置实践

基础配置设置

首次访问 http://localhost:3002 后，你需要完成以下配置：

配置项	推荐值	说明
语言设置	中文/English	根据个人偏好选择界面语言
主题模式	自动/深色/浅色	适应不同使用环境
网络模式	内外网切换	根据部署环境灵活调整

图标管理技巧

sun-panel 支持丰富的图标样式组合，你可以：

• 使用内置图标库的预设图标
• 导入自定义图标文件
• 通过 Iconify 图标库获取海量选择

🔧 高级功能探索

小窗口模式

你是否希望在浏览其他内容时，保持某些应用始终可见？sun-panel的小窗口功能正是为此而生：

自定义样式注入

通过简单的 CSS 和 JavaScript 代码，你可以：

• 调整界面颜色和布局
• 添加个性化动画效果
• 集成第三方功能组件

❓ 常见问题解答

Q: 部署后无法访问怎么办？ A: 首先检查端口 3002 是否被占用，确认防火墙设置，验证容器运行状态。

Q: 如何备份配置数据？ A: 定期备份 database 和 conf 目录即可完整保存所有设置。

Q: 支持移动端访问吗？ A: 是的，sun-panel采用响应式设计，在手机和平板上都能获得良好体验。

💡 实用技巧分享

1. 分组管理 - 将同类应用归为一组，提高查找效率
2. 快捷键设置 - 为常用功能配置快捷键，提升操作速度
3. 定期清理 - 及时移除不再使用的应用链接，保持界面整洁

🎉 开始你的 sun-panel 之旅

现在你已经掌握了 sun-panel 的核心用法。从简单的 Docker 部署开始，逐步探索高级功能，相信这个开源项目会成为你数字生活中不可或缺的得力助手。记住，最好的配置是适合你使用习惯的配置，大胆尝试，打造属于你自己的完美导航面板！

【免费下载链接】sun-panel 一个NAS导航面板、Homepage、浏览器首页。 项目地址: https://gitcode.com/gh_mirrors/su/sun-panel