默认导航页OUT!用Sun-Panel-Helper打造你的专属NAS美学

18 0
昨天 15:42 发表在 资源宝库| 查看全部 阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
Sun-Panel相信大家不陌生了,经过了一两年的更新,目前的Sun-Panel可以说算是NAS导航页项目里的第一梯队了,排在前三都不过分。

Sun-Panel从项目一开始发布熊猫就有关注,简洁的界面加上极少的资源占用非常适合用来作为NAS的导航页,初期的Sun-panel功能仅限于网址导航的作用,而经过两年的发展如今的Sun-panel功能越来越强大,除了能作为常规的导航页使用,还能自动检测内外网模式、多账号隔离使用、系统状态查看、Docker管理等等。
当一个项目发展到一定程度的时候一定会出现各种衍生的产物,Sun-Panel也不例外。
虽说默认的界面非常简洁好看,但总会有那么一部分人不满足于简洁的界面,加上Sun-Panel本身终究还是导航页,所以一些民间的第三方大佬就开始想办法了,想让它不那么普通简单,于是Sun-Panel-Helper就诞生了。

项目演示

从知道这个项目开始,熊猫一直使用的就是它,Sun-Panel-Helper熊猫搭建尝试了一下,但因为习惯了之前使用的界面所以也就没有去做大量修改,这里贴一些网友们的成果图。
不得不说NAS玩家是真爱折腾啊,不过看到这些到导航页也让我想起了我刚开始接触Docker和导航页的时候,也是一个界面能折腾一天,图标从圆角调到直角,排列从竖排设成并排,也不知道折腾完有什么用。

Sun-Panel-Helper说直白点就是Sun-Panel的主题编辑器,通过该工具能实现对Sun-Panel界面的直接修改,加上本身还有组件市场的存在,也能为Sun-Panel提供一些扩展性功能,例如上面示例中的天气、敲木鱼以及网页音乐播放器等等。

项目内置了一些CSS美化代码,通过美化库就能实现一键部署实时生效,不需要懂什么代码知识就能使用,同时项目也附带了JS功能库,通过JS能实现给导航页增加音乐播放器、搜索框一言甚至AI助手等等。

组件市场也为Sun-Panel的界面美化增加了不少玩法,加上第三方小组件的存在,Sun-Panel的功能性增加了不少。

项目部署

如果你已经部署了Sun-Panel,那么只部署该项目即可,不过需要注意的是其中的映射路径需要更改一下/app/backend/custom路径为Sun-Panel的custom目录,这个必须要映射好才行,Sun-Panel-Helper原本的compose文件代码如下,根据自己设备情况调整代码即可。
  1. sun-panel-helper:
  2.     image: madrays/sun-panel-helper:latest
  3.     container_name: sun-panel-helper
  4.     environment:
  5.       - BACKEND_PORT=3001  # 后端服务端口,可自定义修改避免冲突
  6.     ports:
  7.       - "33002:80"        # 前端页面访问端口
  8.     volumes:
  9.       - /vol1/@appshare/sunpanel/conf/custom:/app/backend/custom  # Sun-Panel的custom目录
  10.       - /vol1/@appshare/helper/data:/app/backend/data
  11.       - /vol1/@appshare/helper/backups:/app/backend/backups
  12.     restart: always
复制代码
如果你NAS中原本就没有Sun-Panel,那么也可以使用compose堆栈的方式同时部署两个项目,其中的路径根据自身的NAS环境更改即可。
  1. version: "3.2"
  2. services:
  3. # Sun-Panel 服务
  4.   sun-panel:
  5.     image: "hslr/sun-panel:latest"
  6.     container_name: sun-panel
  7.     volumes:
  8.       - /vol1/@appshare/sunpanel/conf:/app/conf
  9.       - /var/run/docker.sock:/var/run/docker.sock # 挂载docker.sock
  10.       - /vol1:/os # 硬盘挂载点(根据自己需求修改)
  11.     ports:
  12.       - 3002:3002
  13.     restart: always

  14. # Sun-Panel-Helper 服务
  15.   sun-panel-helper:
  16.     image: madrays/sun-panel-helper:latest
  17.     container_name: sun-panel-helper
  18.     environment:
  19.       - BACKEND_PORT=3001  # 后端服务端口,可自定义修改避免冲突
  20.     ports:
  21.       - "33002:80"        # 前端页面访问端口
  22.     volumes:
  23.       - /vol1/@appshare/sunpanel/conf/custom:/app/backend/custom  # Sun-Panel的custom目录
  24.       - /vol1/@appshare/helper/data:/app/backend/data
  25.       - /vol1/@appshare/helper/backups:/app/backend/backups
  26.     restart: always
复制代码

这里熊猫用的是绿联的NAS,不过极空间最新版本也已经支持compose部署,也算是补全了极空间Docker目前不方便部署堆栈项目的缺点了。
写在最后都说“美化的尽头是默认”,但其实,适当的美化不仅能让界面更好看,还能为项目本身增添一些功能性。当然了,这背后是需要花点心思去折腾的。如果想直接上手就用,默认配置其实也完全够用了。

生命在于折腾,牛马点缀生活。

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

hot.热文换一批
  1. 痛心!潮汕一玩具厂漂亮老板娘去世,和丈夫白手起家,死因不明…
  2. 不要因为别人的一句话,就丢掉了一整天的快乐
  3. 不是妹妹不够好,而是姐姐有味道!
  4. 女子称小红书相亲被骗子“杀猪盘”骗走40万!高富帅还发来身份证
  5. 和相爱了10年的人分手是什么体验?网友的分享真的很扎心了!
  6. 来者珍惜,去者放手
  7. 南京一公司员工集体下楼打地铺!相关单位直言这家企业管得严…
  8. 员工上班泡奶粉时杯子炸裂烫伤,提出工伤认定公司不服,法院判了
  9. 大事,小事,想开了就不是个事!
  10. 震惊!网传浙江一企业发出倡议,携手共进,建议员工优选京东外卖
  11. 一个在线的极简主义、无需登录的 Web 待办事项应用程序。
  12. 愿你这一生,拿得起,也放得下
  13. 一季度结婚登记181万对,同比减少15.9万对!结婚将不需要户口本
  14. 开源的摸鱼网站项目,旨在提供一个集学习、娱乐和信息聚合于一体的平台
  15. 默认导航页OUT!用Sun-Panel-Helper打造你的专属NAS美学
  16. 比山姆「生儿子水」还炸裂
  17. 一种特殊的天文现象,首次证明了光速是有限制的
  18. 冷知识:木星实际上并不围绕着太阳公转
  19. 如何看待中学里面早恋的学生?网友:青春懵懂美好,更多的是遗憾
  20. 难怪小诊所什么病都能看,网友:无差别打击病毒,小诊所看病太猛
  21. 说说你离嗝屁最近的一次是什么事?网友:体弱多病被老爸挂树上
  22. 38岁的产品经理被裁员了!14万补偿金,网友:15年的青春付之东流
  23. 地球被精心设计过?1万年前的壁画,或许能够给出答案
  24. 为什么一再强调要敬畏自然?网友:万物皆有灵性,并非子虚乌有
最新热评 加载中...
牛马论坛(niumabbs.com),一个专注于分享日常新鲜事、职场工作点滴、摸鱼乐趣与各类生活感悟的交流平台。

    关注我们

  • 加入Q群
  • 微信客服
  • QQ客服
Copyright © 2025 NIUMABBS 版权所有 All Rights Reserved. 本站由提供云存储服务 劰载中... 鲁ICP备20023396号-8
关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表