自用超顺手的私有仪表盘:Dashlet 使用体验与部署分享

发布时间:2026/5/16 9:41:10

自用超顺手的私有仪表盘:Dashlet 使用体验与部署分享 前言作为一个常年和各类服务器、应用打交道的运维人日常总需要在不同网址、不同监控面板之间来回切换既费时间又容易遗漏关键信息。直到用上 Dashlet才真切感受到 “一站式掌控” 的便捷 —— 它就像为我量身打造的数字驾驶舱轻巧又实用。最打动我的是它的轻量化几十 MB 内存就能稳稳运行完全不占用服务器资源而且全程自托管所有数据都留在本地不用担心隐私泄露的问题。操作上也特别友好不用改一行代码只靠配置文件就能自定义服务列表、调整主题样式拖拽几下就能把常用的网址、监控项排好序界面是那种带磨砂质感的设计看着舒服用着也丝滑。用了一段时间后原本杂乱的数字管理场景变得井井有条每天打开电脑只要看这一个面板就能快速定位所有需要的服务效率提了不止一点。好东西当然要和大家分享下面就把 Dashlet 的详细部署和配置方法整理出来亲测步骤清晰新手也能轻松上手1.Dashlet优势是什么轻量高效基于原生 JavaScript 与 SCSS 构建无重型框架依赖确保极速加载与流畅运行。玻璃磨砂美学采用现代化视觉设计搭配细腻的动态过渡与交互动画带来沉浸式用户体验。配置驱动架构所有服务与设置均通过 public/config.json 文件集中管理无需修改代码即可灵活调整。多主题支持内置系统自动、深色、浅色三种模式并支持完全自定义配色方案用户还可通过 URL 设置个性化背景壁纸。智能排序机制支持按名称、URL、描述自动排序也允许手动拖拽自定义顺序灵活组织你的服务列表。直观拖放交互通过简单的拖放操作即可实时调整服务图标位置所见即所得。清爽布局设计固定式控制面板与响应式网格布局相结合界面整洁有序信息一目了然。深度自定义能力支持上传自定义 CSS 与 JavaScript 文件满足高级用户的个性化与功能扩展需求。2.前提条件2.1ssh远程连接到极空间开启【SSH 服务】使用终端Windows PowerShell / Mac Terminal登录sshrootIP没有ssh的小伙伴可以参考cpolar官网这篇教程《极空间别再吃灰了开启SSH秒变全能服务器》2.2验证docker是否开启使用命令docker-vsystemctl status-v没有docker的小伙伴可以参考cpolar官网这篇文章《极空间开箱实录从拆箱到远程访问保姆级教程30分钟上手》3.安装Portainer新建文件夹dashlet目录并进入:mkdirDashletdocker命令安装dockerrun-d\--namedashlet\--restartunless-stopped\-p8989:8989\-v$(pwd)/data:/app/public\ghcr.io/jaberio/dashlet:latest也可以使用Docker Compose本文使用:services: dashlet: image: ghcr.io/jaberio/dashlet:latest container_name: dashlet restart: unless-stopped ports: -8989:8989volumes: - ./data:/app/public在浏览器中输入http://极空间IP:8989就能看到登录界面点击设置点击导入按键点击打开文件就可以看到如下啦编辑后点击导入配置文件编辑内容自定义仅参考{settings:{theme:system,appTitle:Dashlet,greeting:Welcome,accentColor:#3b82f6,blur:true,animations:true,openNewTab:true,layout:list,wallpaper:,searchProvider:https://duckduckgo.com/?q,customCSS:,disableDragDrop:false,dragDelay:0,searchEnabled:true,footerText:Powered by,footerColor:,sortBy:manual},services:[{id:1,name:GitHub,description:Code hosting,url:https://github.com,icon:https://github.githubassets.com/favicons/favicon.png},{id:2,name:YouTube,description:Watch videos,url:https://youtube.com,icon:https://www.youtube.com/s/desktop/10c3d9b4/img/favicon_144x144.png},{id:3,name:Google,description:Search engine,url:https://www.google.com,icon:https://www.google.com/favicon.ico},{id:4,name:Gmail,description:Email service,url:https://mail.google.com,icon:https://ssl.gstatic.com/ui/v1/icons/mail/rfr/gmail.ico},{id:5,name:Notion,description:All-in-one workspace,url:https://notion.so,icon:https://www.notion.so/images/favicon.ico},{id:6,name:Reddit,description:Social news discussion,url:https://reddit.com,icon:https://www.redditstatic.com/desktop2x/img/favicon/favicon-32x32.png},{id:7,name:Twitter / X,description:Social media,url:https://twitter.com,icon:https://abs.twimg.com/favicons/twitter.3.ico},{id:8,name:Stack Overflow,description:Developer QA,url:https://stackoverflow.com,icon:https://cdn.sstatic.net/Sites/stackoverflow/Img/favicon.ico},{id:9,name:Wikipedia,description:Free encyclopedia,url:https://en.wikipedia.org,icon:https://en.wikipedia.org/static/favicon/wikipedia.ico},{id:10,name:Netflix,description:Streaming movies shows,url:https://netflix.com,icon:https://assets.nflxext.com/us/ffe/siteui/common/icons/nficon2016.ico},{id:11,name:Spotify,description:Music streaming,url:https://open.spotify.com,icon:https://open.scdn.co/cdn/images/favicon32.c6a9e59d8375a83e22c7b79e9b7a3e3d.png},{id:12,name:Weather,description:Check local forecast,url:https://weather.com,icon:https://weather.com/favicon.ico}]}导入了12个网址这样我们就可以整理我们想立刻点击的网址啦通过结合cpolar内网穿透服务Dashlet不仅能在本地网络中使用还可安全地从外网访问。只需一条命令即可将你的私有仪表盘暴露到公网随时随地掌控你的服务状态——无需公网IP也无需复杂配置。4.安装cpolarcpolar 可以将你本地电脑中的服务如 SSH、Web、数据库映射到公网。即使你在家里或外出时也可以通过公网地址连接回本地运行的开发环境。❤️以下是安装cpolar步骤使用一键脚本安装命令sudocurlhttps://get.cpolar.sh|sh安装完成后执行下方命令查看cpolar服务状态如图所示即为正常启动sudosystemctl status cpolarCpolar安装和成功启动服务后在浏览器上输入虚拟机主机IP加9200端口即:【http://ip:9200】访问Cpolar管理界面使用Cpolar官网注册的账号登录,登录后即可看到cpolar web 配置界面,接下来在web 界面配置即可打开浏览器访问本地9200端口使用cpolar账户密码登录即可,登录后即可对隧道进行管理。5.配置公网地址登录cpolar web UI管理界面后,点击左侧仪表盘的隧道管理——创建隧道隧道名称可自定义本例使用了:dashlet注意不要与已有的隧道名称重复协议http本地地址8989域名类型随机域名地区选择China Top创建成功后打开左侧在线隧道列表,可以看到刚刚通过创建隧道生成了公网地址接下来就可以在其他电脑或者移动端设备异地上使用地址访问。访问成功。6.保留固定公网地址使用cpolar为其配置二级子域名该地址为固定地址不会随机变化。点击左侧的预留选择保留二级子域名地区选择china Top然后设置一个二级子域名名称我使用的是dashlet大家可以自定义。填写备注信息点击保留。登录cpolar web UI管理界面点击左侧仪表盘的隧道管理——隧道列表找到所要配置的隧道点击右侧的编辑。修改隧道信息将保留成功的二级子域名配置到隧道中域名类型选择二级子域名Sub Domain填写保留成功的二级子域名地区: China Top点击更新更新完成后打开在线隧道列表此时可以看到随机的公网地址已经发生变化地址名称也变成了保留和固定的二级子域名名称。最后我们使用固定的公网地址在任意设备的浏览器中访问可以看到成功访问的页面这样一个永久不会变化的二级子域名公网网址即设置好了。总结总的来说Dashlet 是一款兼顾轻量化与实用性的私有仪表盘工具从部署到配置都十分便捷既能通过 Docker 快速搭建又能借助 cpolar 实现外网稳定访问还能根据自己的使用习惯自定义界面、服务列表真正做到了小体积、大视野。希望这篇分享能帮到需要整理数字服务入口、追求本地数据安全的你用上 Dashlet 后也能和我一样把各类数字服务打理得明明白白。如果在使用过程中有任何问题或者新的心得也欢迎在评论区交流愿我们都能在繁杂的数字信息里拥有一份属于自己的清晰与高效

相关新闻