常用服务入口太分散？用Dashlet搭一个自己的私有导航仪表盘

前言常用服务越来越多以后真正麻烦的不是打不开而是入口太分散。GitHub、网盘、邮箱、后台系统、监控页面、NAS应用和各种自建服务每个都能单独收藏但时间一长浏览器书签栏和收藏夹就会变得越来越乱。Dashlet适合解决这类问题。它不是复杂的数据大屏也不是重型监控系统而是一个轻量级、自托管的个人仪表盘。你可以把常用网站和服务入口集中放到一个页面里通过图标、名称、描述和链接进行管理打开浏览器就能看到自己的常用工作台。它的部署方式也比较适合NAS用户。通过Docker运行后只需要把配置文件挂载到指定目录就能管理页面内容。服务列表、主题模式、标题、背景、排序方式等都可以通过配置文件或页面导入方式完成不需要为了改几个入口去修改项目代码。对于极空间这类支持Docker的设备来说Dashlet可以承担“统一入口页”的角色。无论是放开发工具、影音服务、家庭NAS应用还是办公常用网站都能整理到一个更清爽的页面中减少到处找链接的时间。本文将从极空间SSH连接和Docker环境检查开始完成Dashlet容器部署、配置导入和本地访问测试。随后再通过 cpolar 创建公网访问地址并配置固定二级子域名让这个私有仪表盘不只在家里局域网中可用也能在外出时随时打开。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点击更新更新完成后打开在线隧道列表此时可以看到随机的公网地址已经发生变化地址名称也变成了保留和固定的二级子域名名称。最后我们使用固定的公网地址在任意设备的浏览器中访问可以看到成功访问的页面这样一个永久不会变化的二级子域名公网网址即设置好了。总结常用服务越来越多以后真正麻烦的不是打不开而是入口太分散。GitHub、网盘、邮箱、后台系统、监控页面、NAS应用和各种自建服务每个都能单独收藏但时间一长浏览器书签栏和收藏夹就会变得越来越乱。Dashlet适合解决这类问题。它不是复杂的数据大屏也不是重型监控系统而是一个轻量级、自托管的个人仪表盘。你可以把常用网站和服务入口集中放到一个页面里通过图标、名称、描述和链接进行管理打开浏览器就能看到自己的常用工作台。它的部署方式也比较适合NAS用户。通过Docker运行后只需要把配置文件挂载到指定目录就能管理页面内容。服务列表、主题模式、标题、背景、排序方式等都可以通过配置文件或页面导入方式完成不需要为了改几个入口去修改项目代码。对于极空间这类支持Docker的设备来说Dashlet可以承担“统一入口页”的角色。无论是放开发工具、影音服务、家庭NAS应用还是办公常用网站都能整理到一个更清爽的页面中减少到处找链接的时间。本文将从极空间SSH连接和Docker环境检查开始完成Dashlet容器部署、配置导入和本地访问测试。随后再通过 cpolar 创建公网访问地址并配置固定二级子域名让这个私有仪表盘不只在家里局域网中可用也能在外出时随时打开。