开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』
哈喽小伙伴们好,我是Stark-C~
说到可以在NAS部署的自托管仪表板呀,导航栏呀简直不要太多,光是我之前分享的譬如Sun-Panel ,Dashy,HomePage,Heimdall等就超过5种以上,这些导航栏各有特色,不过它们都有一个共同点,那就是先搭建,然后在配置。
今天我再为大家分享一个自托管个人仪表板『honey』,它这个有点意思,需要我们先配置,然后在搭建,完事之后直接就是最终效果。之所以分享给大家,主要是因为它的config.json配置文件竟然被极空间完美支持,所以我们配置起来挺方便的,还有一个原因就是它的界面非常小清新,且可以根据个人爱好各种自定义,搭建好之后也确实漂亮!
关于honey
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c301513edbc1723.png_e1080.jpg)
🔺honey 是一个简而美的小清新个人仪表板。它是采用了PURE编写,因此不需要动态后端或特殊的 Web 服务器配置。它开箱即用,因为所有操作都是在客户端完成的。
和其它支持私有化部署的仪表板不同的是,它搭建起来非常的简单,难点在于它的配置文件。所以只要部署之前搞定配置文件,即可做到开箱即用即用的效果。
官方也给出了一个在线体验示例:https://honeyy.vercel.app/
honey配置
既然这个项目是先配置再搭建,所以我们部署之前就需要先搞定配置文件。
简单的了解下配置文件:
honey的配置文件其实非常简单,就是一个叫做“config.json”的文件。官方完整的config.json如下:
{
"ui": {
"name": "honey",
"desc": "Nice and sweet place for all your self-hosted services.",
"icon": "img/icon.png",
"wallpaper": "img/background.jpg",
"wallpaper_dark": "img/background-dark.jpg",
"dark_mode": false,
"open_new_tab": false,
"blur": true,
"animations": true
},
"services": [
{
"name": "CalDav",
"desc": "Simple CalDav server for calendar sync between various devices.",
"href": "caldav",
"icon": "img/preview/caldav.png"
},
{
"name": "Files",
"desc": "Fancy file manager for the web.",
"href": "files",
"icon": "img/preview/files.png"
},
{
"name": "Gallery",
"desc": "Photo & video gallery syncable with multiple Android devices.",
"href": "gallery",
"icon": "img/preview/gallery.png"
},
{
"name": "Git",
"desc": "Self-hosted, painless, secure place for your repositories.",
"href": "git",
"icon": "img/preview/git.png"
},
{
"name": "E-Mail",
"desc": "Feature-rich, decentralized and secure E-Mail server.",
"href": "mail",
"icon": "img/preview/mail.png"
},
{
"name": "Music",
"desc": "Beautiful, moody music streaming app.",
"href": "music",
"icon": "img/preview/music.png"
},
{
"name": "Notes",
"desc": "Sweet & lightweight app for taking notes.",
"href": "notes",
"icon": "img/preview/notes.png"
},
{
"name": "Google",
"desc": "DON'T CLICK: goes to google.com",
"href": "https://google.com",
"icon": "img/preview/google.png"
}
]
}
然后我这里简单的教大家怎么来修改配置文件:
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c30150709c83642.png_e1080.jpg)
🔺简单来说,它的“config.json”配置文件主要包括两部分:ui
部分和services
部分。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://qnam.smzdm.com/202408/19/66c30150a0d213642.png_e1080.jpg)
🔺ui
部分也就是在主屏幕和选项卡显示的画面,它包含的内容说明如上图所示。需要说明的是,以上所有的内容都可以根据自己的喜好自行修改。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c3014fe09c55000.png_e1080.jpg)
🔺然后就是它的services
部分说明,services
部分的内容其实就是我们需要展现出来的仪表板导航模块,可以根据自己的需求自行增减。同样,它services
部分也是需要自己修改的。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c301501b1d83642.png_e1080.jpg)
🔺对于这个配置文件最难的是什么?因为它需要我们自己搞定仪表板导航模块对应的矢量图标,所以我个人觉得应该是找矢量图标。不过对于动手能力稍强的小伙伴来说,这也不是什么难事,网上可供下载的免费矢量图其实很多,就比如说我自己常用的阿里巴巴(iconfont)就非常不错,直接搜索关键字就能找到需要的了。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://qnam.smzdm.com/202408/19/66c301508e2de3642.png_e1080.jpg)
🔺所以我就提前下载好了自己需要的矢量图标,其中还包括我喜欢的壁纸,因为我想把它的背景图也给换掉。不管是矢量图标还是背景图片都可以用中文名称,这样也方便接下来的配置。
在极空间上修改配置文件:
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c30150b62783642.png_e1080.jpg)
🔺知道它的“config.json”配置文件原理之后,咱们就直接开始自己配置。打开极空间文件管理器,在Docker目录下新建一个“honey”的文件夹,然后在“honey”文件夹下在新建一个“config”的子文件夹。最后在“config”子文件夹内空白处鼠标右键,选择“新建文本文档”。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c30150d38203642.png_e1080.jpg)
🔺接着对新建的文本文档直接重命名为“config.json”(包括后缀也给修改了),确定。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://qnam.smzdm.com/202408/19/66c301501183a3642.png_e1080.jpg)
🔺这里会弹出提示,直接无视,点“继续”。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://qnam.smzdm.com/202408/19/66c30150878b03642.png_e1080.jpg)
🔺修改之后的文件图标也会改变,如上图所示。这个就是极空间私有云的厉害之处,原生支持“.json”格式文件的打开与编辑。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://qnam.smzdm.com/202408/19/66c3015007f2e3642.png_e1080.jpg)
🔺接着咱们将前面下载到本地的壁纸图片、矢量图标都上传到极空间文件管理器的这个“config”子文件夹。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://qnam.smzdm.com/202408/19/66c301500874a3642.png_e1080.jpg)
🔺然后直接点开“config.json”文件,先将我前面给出的官方代码粘贴进来,接着就根据自己的需求直接修改。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://qnam.smzdm.com/202408/19/66c3015091d813642.png_e1080.jpg)
🔺修改起来其实只要看懂规律还是很简单的,只要不打乱“config.json”文件的格式,可以任意修改。至于壁纸图片、矢量图标的路径其实也很简单,就是“/config”的前缀,后面接上图片的名称就可以了。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c30150af9453642.png_e1080.jpg)
🔺至于需要注意的地方,就是 services
部分的最后一个反括号是没有逗号,前面的都有一个逗号。如果说你需要增加 services
部分的板块,记得也需要加上逗号。
修改好之后记得左上角“保存”,就完成了自己需要的配置文件。挺简单吧~
honey搭建
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c30150841da3642.png_e1080.jpg)
🔺打开极空间的Docker管理器,因为官方的镜像没有发布在 docker hub,而是在 ghcr.io,所以我们这里需要自定义拉取“ghcr.io/dani3l0/honey”镜像即可。
需要说明的是:因为政策的原因(和极空间设备无关),这里需要你自己搞定网络方面的问题,要不然你会拉取不到镜像的~
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://qnam.smzdm.com/202408/19/66c3015081c093642.png_e1080.jpg)
🔺完成后直接双击镜像开始部署容器。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c30150041103642.png_e1080.jpg)
🔺“基本设置”这里,容器名称自己可以随意修改,可以取消勾选“启用性能限制”。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://qnam.smzdm.com/202408/19/66c30150991413642.png_e1080.jpg)
🔺【文件夹路径】这里,咱们需要手动添加以下映射关系:
./Docker/config:/app/dist/config:ro
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://qnam.smzdm.com/202408/19/66c30150b40973642.png_e1080.jpg)
🔺“端口”这里设置本地端口不冲突即可。其它就没什么可修改的了,点“应用”即可完成配置。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c30150ffeba3642.png_e1080.jpg)
🔺不知道为什么这个容器启动较慢,差不多需要20s,当看到容器显示正常,就说明可以使用了。
honey体验
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c30150aa7363642.png_e1080.jpg)
🔺这个时候在浏览器输入【极空间IP:端口号】就能打开honey主界面了,可以看到经过我自己修改后的界面还是符合我个人的预期,挺帅的~
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c301514a0e41723.png_e1080.jpg)
🔺点击 Theme
可以直接切换到另外一个暗主题,越看越喜欢~
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c3015290402233.png_e1080.jpg)
🔺点击 Service
按钮就能看到导航栏详情。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c301521d792233.png_e1080.jpg)
🔺点开就能直接打开导航所指页面。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c301500ad283642.png_e1080.jpg)
🔺点击主界面的 More
按钮还有一些简单的设置。
前端UI展示的基本就是这些,主打的便是简约小清新,比较符合我个人的喜好。
解决Docker镜像拉取的问题
因为众所周知的原因,目前国内的Docker镜像拉取已经抽风...,所以这里针对极空间,给出几个临时可用方案,大家且用且珍惜吧。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c3014f5294e5000.png_e1080.jpg)
🔺打开极空间Docker管理器的“镜像--仓库--设置”。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c301509e34f3642.png_e1080.jpg)
🔺然后点击“添加”:
库名称:agsvpt.work
完成之后“确定”。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c3014f56e335000.png_e1080.jpg)
🔺同样的方式再添加以上3个镜像仓库。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c3014ff550e5000.png_e1080.jpg)
🔺随意勾选3个仓库其中之一,确定。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://qnam.smzdm.com/202408/19/66c301506ea673642.png_e1080.jpg)
🔺弹出切换提示,直接点“确定”。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c30150b22a83642.png_e1080.jpg)
🔺然后弹出“设置仓库可用成功” 的提示,这个时候我们就可以正常拉取需要的镜像了。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c301505b35f3642.png_e1080.jpg)
🔺看下效果,比如我这里想要“johngong/qbittorrent”这镜像,找到后直接双击下载。
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c301500ccc73642.png_e1080.jpg)
🔺可以看到镜像拉取已经没有问题了。如果碰到拉不动的可以尝试换一个仓库试试,如果都不行,那么只有科学解君愁了~
![开箱即用,使用极空间搭建小清新的自托管个人仪表板『honey』](https://am.zdmimg.com/202408/19/66c30150f93d03642.png_e1080.jpg)
🔺对了,还有就是建议大家不要忽略极空间Docker管理器中的一个宝藏板块【常用镜像】,里面都是一些热度较高的常用Docker项目,不光有详细的教程,最主要的是这里面的镜像都是存在极空间自己的服务器上,可以直接拉取的~
最后
总的来说,今天分享的这个honey项目还是挺有意思的,它拥有着小清新的UI界面,虽说需要自己动手找矢量图,好在极空间原生支持它的config.json配置文件,所以真正配置起来其实挺方便的,对于喜欢极简风格的小伙伴来说,你完全可以尝试动手部署起来体验一下,真的不错。
作为NAS领域的新兴品牌,极空间一直以其创新的设计、强大的硬件、丰富的功能和良好的用户体验受到了许多用户好评,并且自研的ZOS也是非常好用,极易上手。如果你近期有入手NAS的计划,不妨关注下极空间。
好了,以上就是今天给大家分享的内容,我是爱分享的Stark-C,如果今天的内容对你有帮助请记得收藏,顺便点点关注,咱们下期再见!谢谢大家~
![](https://res.smzdm.com/pc/pc_shequ/dist/img/the-end.png)
猴公子
校验提示文案
Mario_Chen
校验提示文案
笔点酷玩
校验提示文案
蓝胖纸er
校验提示文案
爱折腾的老狐狸
校验提示文案
糖糖251
校验提示文案
Mario_Chen
校验提示文案
糖糖251
校验提示文案
爱折腾的老狐狸
校验提示文案
蓝胖纸er
校验提示文案
笔点酷玩
校验提示文案
猴公子
校验提示文案