上期Sun-Panel只是毛坯房？这期「Sun-Panel-Helper」“神仙装修队”进场，让你的导航页美到不敢认！
点击上方蓝字关注我们
我们是 「不正经科技」—— 一个立志于把硬核技术，变成你手里超级玩具的搞事组织。
各位“首页颜值控”、各位把Sun-Panel搭起来却总觉得“差了点意思”的NAS玩家们
还记得上期我们教大家用
Sun-Panel
搭建的那个全能导航页吗？它功能强大，像一套格局完美、质量过硬的“精装毛坯房”。
但住进去之后，你是不是总觉得：
-
界面有点过于朴实，想换个配色、调个字体却无从下手？
-
想加个炫酷的时钟、动态天气，或者美化特效，却发现内置功能有限，自己不会DIY？
-
看着别人家花里胡哨的导航页，流下羡慕的泪水，自己改代码又怕把搞崩？
停！是时候请出由社区大神打造的“Sun-Panel专属神仙装修队”——Sun-Panel-Helper 了！
它就像给你的导航页装上了 “
可视化装修系统
” ，让你不用动一砖一瓦，就能把毛坯房升级成豪华精装智能家居！
Helper是啥？它是你的“导航页装修总监”
简单说，Sun-Panel-Helper 是一个独立运行的、专门用来可视化管理并美化 Sun-Panel 的辅助工具。它本身不替代Sun-Panel，而是作为一个强大的“后台美工”，帮你轻松定制出独一无二的界面。
【不正经比喻时间】
只有Sun-Panel时：你住进了精装毛坯房。水电网络齐全（功能没问题），但墙面是白的，地板是灰的，家具是标配的（界面默认），一切需要你自己DIY。
装上Helper之后：你瞬间请来了一个全能装修队+智能家居设计师！队长（Helper）带着丰富的建材市场（组件库），你说“这里加个落地窗（组件）”，那边“墙面换成莫兰迪色（CSS）”，他立马给你搞定。
它的核心价值就一句话：让美化Sun-Panel，变得像搭积木一样简单有趣。
实战：Docker一键部署，请来你的“装修队”
部署过程依然是熟悉的“抄作业”环节，我们主打一个“复制粘贴就能用”。
第一步：创建它的“小单间”
-
在你的NAS上，比如在 docker 文件夹里
-
新建一个 helper 目录。
第二步：编写 docker-compose
-
打开飞牛桌面上的Docker界面 -> Compose
-
写一个项目名称，选择储存路径 （例如你之前创建的目录/vol2/1000/docker/helper）
-
创建 docker-compose.yml 文件，把下面的“咒语”复制粘贴进去
-
有个关键细节，务必看准！
【 单容器版 】
仅限于你已经部署过 Sun-Panel 只需单独部署美化工具
services:
sun-panel-helper:
image: madrays/sun-panel-helper:latest
container_name: sun-panel-helper
environment:
# 后端服务端口,可自定义修改避免冲突
- BACKEND_PORT=3001
ports:
# 前端页面访问端口,可自定义修改避免冲突
- "33002:80"
volumes:
# 必须挂载：Helper的数据目录
- ./data:/app/backend/data
# 必须挂载：Helper的备份目录
- ./backups:/app/backend/backups
# 注意注意：必须挂载Sun-Panel的custom目录
- /vol2/1000/docker/sun-panel/conf/custom:/app/backend/custom注意！那个“灵魂挂载”卷：
-
/你的Sun-Panel路径/conf/custom 需要替换成你实际Sun-Panel容器内的 custom 目录的挂载路径。
-
这是 Helper 和 Sun-Panel 之间的“通信桥梁”，挂载错了，装修指令就传不过去了！
【 多容器版 】
你之前没有部署过 Sun-Panel 整合版更方便无脑
除了端口其他无需修改
services:
sun-panel:
container_name: sun-panel
image: hslr/sun-panel:beta
restart: always
ports:
# 前端页面访问端口,可自定义修改避免冲突
- "2231:3002"
volumes:
# 必须挂载：导航页的数据目录
- ./conf:/app/conf
# 必须挂载：监控docker容器用
- /var/run/docker.sock:/var/run/docker.sock
#下面是 helper 部分
sun-panel-helper:
image: madrays/sun-panel-helper:latest
container_name: sun-panel-helper
environment:
# 后端服务端口,可自定义修改避免冲突
- BACKEND_PORT=3001
ports:
# 前端页面访问端口,可自定义修改避免冲突
- "33002:80"
volumes:
# 必须挂载：Helper的数据目录
- ./data:/app/backend/data
# 必须挂载：Helper的备份目录
- ./backups:/app/backend/backups
# 必须挂载：Sun-Panel的custom目录
- ./conf/custom:/app/backend/custom注：如遇到代码复制提示语法错误 右上角默认游览器打开在复制
第三步：启动！！
-
启动 -> 自动拉取镜像并构建坐等完成。
-
打开浏览器，访问：http://你的飞牛NAS IP:33002
首次使用登录：
-
用户名：helper
-
密码：helper123
-
（进去第一件事，强烈建议改密码！）
灵魂功能：它如何让你“美”得轻而易举？
Helper的强大，在于它把专业的前端美化工作，变成了小白也能玩的“模拟经营游戏”。
- 【组件市场：你的“宜家家居城”】
-
内置丰富的组件库，包括：
-
CSS样式：各种布局演示、配色方案，一键应用。
-
JS功能：各种小工具，比如ai助手、动态效果。
-
组件市场：像时钟、日历、搜索框等，可以直接拖到页面上。
-
告别从零开始写代码，“逛商场”看到喜欢的，直接“拿”回家用！
- 【实时预览：你的“AR装修模拟器”】
-
所有修改（调颜色、换字体、加组件）都是所见即所得！
-
左边调参数，右边Sun-Panel页面实时显示效果。再也不用“保存->刷新->不对->再修改”的无限循环了。
- 【中转服务：你的“装修指令专线”】
-
Helper 通过挂载的目录，自动将美化配置同步到 Sun-Panel。
-
你在这边点点鼠标，Sun-Panel那边就自动换装，完全不需要重启Sun-Panel容器，体验无缝丝滑。
- 【完整流程：从设计到入住】
-
官方甚至提供了演示站点，让你可以先在Helper演示站里设计，然后切换到Sun-Panel演示站看最终效果，体验完整的“云装修”流程，贴心到哭！
“但是”时间：装修也有注意事项
这个“装修队”虽好，但开工前有些事得说清楚：
【路径是灵魂】：再次强调，必须正确挂载Sun-Panel的 custom 目录，这是所有功能生效的前提！挂错了，装修队就找不到你家门了。
【第三方工具】：它并非Sun-Panel官方出品，由社区开发者 madrays 维护。请保持关注更新。
【安全第一】：部署好后，务必修改默认密码！避免你的“装修后台”被别人溜进来乱搞。
结论： 对于不满足于Sun-Panel默认样式的用户来说，Helper是一个降维打击般的存在。它极大地降低了美化的门槛，让每个用户都能成为自己导航页的“首席设计师”。
作者QQ群：1019956856
作者文档：https://helper.madrays.de/
行动号召：是时候为你的浏览器首页，按下这个美化键了！
教程结束，你已经成为自己数字门面的“总设计师”！
这个位置是个广告直接忽略就好
无聊的时候可以看看
此处按一下又不会怀孕 我们一起探讨更无聊的知识
往期推荐
某平台VIP看到破产？以飞牛Docker方式部署这个NAS神器让你一键聚合全网影视，打造终身免费的私人影院！
还在为找资源翻遍几十个网站？这个PanHub的Docker神器一键聚合全网网盘，从此告别“求链接”的卑微！
飞牛NAS还没音乐App？又社区大神出手，这个Docker神器让你秒建“私人音乐博物馆”，比网易云更纯净！
零基础公网IPv4/IPv6排查指南+DDNS域名解析教程，手机/电脑随时随地连接你家NAS！告别“内网孤儿”
这不是技术贴，这是三观贴，我NAS群一老大哥说的太对了。垃圾佬，不捡真垃圾
嫌弃 ZeroTier/节点小宝 不够自由？NPS 这个开源神器让你亲手打造属于自己的“专属通道”！
飞牛NAS没有公网用户狂喜！这个叫“节点小宝”的玩意儿，把内网穿透/异地组网 极简化，小白再也不怕了。
受够了臃肿的XX云笔记？飞牛nas用Docker方式搭建“数字小便签”---Memos，轻快到飞起！
飞牛docker方式部署Reader神器，让你免费拥有全网小说+漫画+朗读！告别各种app会员弹窗与广告！
告别开服噩梦！这个NAS神器让你“点点鼠标”就架设《幻兽帕鲁》、《Minecraft》等百余款游戏服务器！
-
点赞 + 在看：表示“这种专治‘颜值焦虑’的神器，请给我来一打！”
-
关注「不正经科技」：表示“我就喜欢这种把专业能力傻瓜化的工具！”
-
转发到你的折腾群、NAS群：表示“兄弟们，别再忍受千篇一律的导航页了，我们的首页必须帅出天际！”
最后，请再次念诵我们的八字真言
技术存在的意义，是让你生活得更爽，而不是更复杂。
评论区已开放！快来晒出你美化前后的Sun-Panel对比图，让大家一起馋一馋？