前言NAS中部署的应用越来越多后真正麻烦的往往不是安装而是记住每个服务的地址。影视库、相册、下载工具、Docker面板和家庭应用分别使用不同端口时间久了只能依靠浏览器书签或临时记录查找。Dashlet可以把这些常用地址集中到一个网页中并通过名称、图标和说明进行整理。它支持主题切换、背景设置、拖拽排序、搜索以及JSON配置导入适合用作浏览器首页、家庭服务导航页或个人常用网站入口。这套方案中Docker负责运行Dashlet极空间负责提供常驻环境挂载目录用于保存公开配置和自定义资源cpolar则让局域网中的8989端口可以从外部网络访问。需要说明的是Dashlet主要负责展示和跳转链接并不会自动采集CPU、内存、网络流量或日志数据。如果需要真正的服务器监控还应配合哪吒面板、Grafana或其他监控工具。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.安装Dashlet新建文件夹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适合解决的不是复杂数据分析而是服务入口分散的问题。把NAS应用、开发工具和常用网站整理到同一页面后日常访问不必再记忆IP、端口和路径也可以按照使用频率调整顺序。正式使用前应检查导入配置中的链接和图标来源不要把带有Token、临时密钥或管理凭据的地址直接写入公开配置。通过cpolar开放公网访问后任何获得链接的人都可能看到其中整理的服务名称与内部结构因此不建议把NAS管理后台、路由器页面等敏感入口直接公开展示。如果只是个人使用随机地址可以用于临时测试长期作为浏览器主页时固定地址更方便但仍建议增加访问保护并定期备份挂载的./data目录。
极空间怎么搭建私人导航页？Dashlet Docker部署与远程访问教程
前言NAS中部署的应用越来越多后真正麻烦的往往不是安装而是记住每个服务的地址。影视库、相册、下载工具、Docker面板和家庭应用分别使用不同端口时间久了只能依靠浏览器书签或临时记录查找。Dashlet可以把这些常用地址集中到一个网页中并通过名称、图标和说明进行整理。它支持主题切换、背景设置、拖拽排序、搜索以及JSON配置导入适合用作浏览器首页、家庭服务导航页或个人常用网站入口。这套方案中Docker负责运行Dashlet极空间负责提供常驻环境挂载目录用于保存公开配置和自定义资源cpolar则让局域网中的8989端口可以从外部网络访问。需要说明的是Dashlet主要负责展示和跳转链接并不会自动采集CPU、内存、网络流量或日志数据。如果需要真正的服务器监控还应配合哪吒面板、Grafana或其他监控工具。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.安装Dashlet新建文件夹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适合解决的不是复杂数据分析而是服务入口分散的问题。把NAS应用、开发工具和常用网站整理到同一页面后日常访问不必再记忆IP、端口和路径也可以按照使用频率调整顺序。正式使用前应检查导入配置中的链接和图标来源不要把带有Token、临时密钥或管理凭据的地址直接写入公开配置。通过cpolar开放公网访问后任何获得链接的人都可能看到其中整理的服务名称与内部结构因此不建议把NAS管理后台、路由器页面等敏感入口直接公开展示。如果只是个人使用随机地址可以用于临时测试长期作为浏览器主页时固定地址更方便但仍建议增加访问保护并定期备份挂载的./data目录。
