把杂乱网址装进口袋！Dashlet 轻量仪表盘 ： cpolar 内网穿透实验室第 757 个成功挑战

袁煦丞cpolar内网穿透实验室
0 阅读10分钟

在这里插入图片描述

软件名称：Dashlet

操作系统支持：

基于 Docker 部署，兼容 Linux（极空间、各类服务器）、Windows、MacOS 等所有支持 Docker 的系统，无系统限制，只要能跑 Docker 就能用。

软件介绍：

Dashlet 是一款巴掌大小的 “数字驾驶舱”—— 轻量到只占几十 MB 内存，完全自托管不碰你的任何数据，不用依赖任何云服务。它用原生 JavaScript+SCSS 打造，加载快到像点外卖一样秒响应，还自带玻璃磨砂颜值，支持自定义主题、拖拽排序、上传自定义 CSS/JS，所有配置都在一个 json 文件里搞定，不用改一行代码，就能把你所有常用网址、本地服务都整理得明明白白。

在这里插入图片描述

Dashlet 的出色功能

  1. 轻量到离谱：无重型框架依赖，打开速度比你刷短视频还快，老旧服务器 / 极空间跑起来都不卡；
  2. 颜值与实用并存：玻璃磨砂 UI + 动态交互动画，不是冷冰冰的列表，是能自定义的 “私人网址墙”；
  3. 配置贼简单：一个 config.json 文件管所有，改改名称、网址、图标就能用，小白也能 5 分钟上手；
  4. 拖拽自由：想把常用的 GitHub、极空间后台放第一行？拖一下就行，所见即所得；
  5. 隐私百分百：数据全存在本地，不上传任何信息，比把钱藏枕头底下还安全。

在这里插入图片描述

实用场景

场景 1：职场人的 “网址收纳盒”

  • 痛点：收藏夹杂乱无章，工作网址和娱乐网址混在一起，紧急找客户后台时翻半天，老板催得头皮麻；
  • 爽点：用 Dashlet 按 “工作、摸鱼、生活” 分类配置网址图标，老板站旁边时，一键切换到工作面板，摸鱼网址藏得严严实实，找链接快到老板以为你提前备好了。

场景 2：NAS / 极空间玩家的 “本地服务中控”

  • 痛点：极空间里搭了照片库、影音库、笔记工具，只能在家连局域网访问，出门想翻娃的照片、看缓存的剧都没戏；
  • 爽点：把极空间里的所有服务都加到 Dashlet，再用 cpolar 穿透后，不管是在公司、高铁站还是国外旅游，打开手机浏览器就能访问家里的 Dashlet 面板，点一下就能看照片、追剧，比刷短视频还方便。

在这里插入图片描述

cpolar 内网穿透技术带来的便利

本来 Dashlet 再好用，也只能在局域网里 “耍威风”—— 在家连 WiFi 能用，出了门就歇菜，这就像买了辆超跑只能在小区里开，憋屈！但配上 cpolar 内网穿透，直接给 Dashlet 开了 “全球通行证”，便利多到数不过来：

  1. 不用抢公网 IP：不用求运营商给公网 IP，不用折腾路由器端口映射，一条命令装完 cpolar，几分钟就能给 Dashlet 配个公网地址，小白也能搞定；
  2. 随时随地访问：不管你是在公司加班、在咖啡店摸鱼，还是在外地出差，只要有网，就能用手机、电脑、平板访问家里 / 公司的 Dashlet 面板，想点哪个服务就点哪个，比刷朋友圈还顺手；
  3. 固定地址不翻车：cpolar 能保留固定二级子域名，不用每天记随机的公网地址，一个固定网址用到老，再也不用 “今天换个地址，明天找不到面板”；
  4. 安全不暴露内网：cpolar 的穿透是加密的，不像直接端口映射那样容易被盯上，既让你能远程访问，又能守住内网安全，相当于给 Dashlet 装了 “防盗门”；
  5. 多设备同步爽翻天：手机、平板、电脑都能访问同一个 Dashlet 面板，家里的极空间服务、公司的后台网址，在任何设备上都能一键打开，不用在不同设备上反复收藏、配置；
  6. 零成本扩功能：不用额外花钱买云仪表盘、云书签服务，用 cpolar 穿透本地的 Dashlet，既省了会员费，又保证数据不泄露，性价比直接拉满。

在这里插入图片描述

总结

Dashlet 就像你的 “私人网址管家”，把杂乱的网址、本地服务整理得井井有条，轻量、好看、还不泄露隐私；而 cpolar 则是这个管家的 “全球通行证”，打破局域网的围墙，让你不管在哪，都能随时随地调用自己的所有服务。一个管 “整理”，一个管 “打通”，组合起来就是：本地服务不凌乱，远程访问不费劲，既守住了数据隐私，又享受到了云服务的便利，不管是运维、打工人还是数码爱好者，都能把数字生活拿捏得死死的。

井井有条的网址看着都舒爽，还是忠诚的保密伙伴。需要的小伙伴快安装起来吧！

无论你是开发者、运维工程师，还是注重隐私的个人用户，Dashlet都愿成为你值得信赖的“数字驾驶舱”。

轻装上阵，掌控全局——从Dashlet开始。

image-20260109175305930

1.Dashlet优势是什么？

轻量高效：基于原生 JavaScript 与 SCSS 构建，无重型框架依赖，确保极速加载与流畅运行。 玻璃磨砂美学：采用现代化视觉设计，搭配细腻的动态过渡与交互动画，带来沉浸式用户体验。 配置驱动架构：所有服务与设置均通过 public/config.json 文件集中管理，无需修改代码即可灵活调整。 多主题支持：内置系统自动、深色、浅色三种模式，并支持完全自定义配色方案；用户还可通过 URL 设置个性化背景壁纸。 智能排序机制：支持按名称、URL、描述自动排序，也允许手动拖拽自定义顺序，灵活组织你的服务列表。 直观拖放交互：通过简单的拖放操作，即可实时调整服务图标位置，所见即所得。 清爽布局设计：固定式控制面板与响应式网格布局相结合，界面整洁有序，信息一目了然。 深度自定义能力：支持上传自定义 CSS 与 JavaScript 文件，满足高级用户的个性化与功能扩展需求。

2.前提条件

2.1ssh远程连接到极空间

  • 开启【SSH 服务】
  • 使用终端（Windows PowerShell / Mac Terminal）登录：
ssh root@IP

没有ssh的小伙伴可以参考这篇文章：

连接成功：极空间别再吃灰了！开启SSH，秒变全能服务器！ - cpolar 极点云官网

957c00e3b3f0ce8aa95df96aa41b8715

2.2验证docker是否开启

使用命令：

docker -v 
systemctl status -v

没有docker的小伙伴可以参考这篇文章：极空间开箱实录：从拆箱到远程访问保姆级教程，30分钟上手！ - cpolar 极点云官网

image-20251017103712618

3.安装Portainer

新建文件夹dashlet目录并进入:

 mkdir Dashlet

image-20260109171540538

docker命令安装：

docker run -d \
  --name dashlet \
  --restart unless-stopped \
  -p 8989: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:8989"
    volumes:
      - ./data:/app/public

image-20260109171932407

在浏览器中输入 http://极空间IP:8989 就能看到登录界面：

image-20260109172104789

点击设置，点击导入按键：

image-20260109172312513

image-20260109172328745

点击打开文件，就可以看到如下啦：

image-20260109172420503

image-20260109172427085编辑后，点击导入配置文件：

编辑内容（自定义，仅参考）：

{
  "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 Q&A",
    "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"
  }
]
}

image-20260109172944936

导入了12个网址：

4bab59c5db909b9bd1010627019c7413

这样，我们就可以整理我们想立刻点击的网址啦！

通过结合cpolar内网穿透服务，Dashlet不仅能在本地网络中使用，还可安全地从外网访问。只需一条命令，即可将你的私有仪表盘暴露到公网，随时随地掌控你的服务状态——无需公网IP，也无需复杂配置。

4.安装cpolar

cpolar 可以将你本地电脑中的服务（如 SSH、Web、数据库）映射到公网。即使你在家里或外出时，也可以通过公网地址连接回本地运行的开发环境。

❤️以下是安装cpolar步骤：

使用一键脚本安装命令：

sudo curl https://get.cpolar.sh | sh

e464b045413a024674a93ea472511b0f

安装完成后，执行下方命令查看cpolar服务状态：（如图所示即为正常启动）

sudo systemctl status cpolar

aa03713b56d9eef12a4da6b99d2e46ac

Cpolar安装和成功启动服务后，在浏览器上输入虚拟机主机IP加9200端口即:【http://ip:9200】访问Cpolar管理界面，使用Cpolar官网注册的账号登录,登录后即可看到cpolar web 配置界面,接下来在web 界面配置即可：

打开浏览器访问本地9200端口，使用cpolar账户密码登录即可,登录后即可对隧道进行管理。

3af79ad708cc47c5bbea0b63c2c7230d

5.配置公网地址

登录cpolar web UI管理界面后,点击左侧仪表盘的隧道管理——创建隧道：

  • 隧道名称：可自定义，本例使用了:dashlet，注意不要与已有的隧道名称重复
  • 协议：http
  • 本地地址：8989
  • 域名类型：随机域名
  • 地区：选择China Top

image-20260109174156723

创建成功后，打开左侧在线隧道列表,可以看到刚刚通过创建隧道生成了公网地址，接下来就可以在其他电脑或者移动端设备（异地）上，使用地址访问。

image-20260109174658215

访问成功。

image-20260109174745451

6.保留固定公网地址

使用cpolar为其配置二级子域名，该地址为固定地址，不会随机变化。

image-20250918151358733

点击左侧的预留，选择保留二级子域名，地区选择china Top，然后设置一个二级子域名名称，我使用的是dashlet，大家可以自定义。填写备注信息，点击保留。

image-20260109174921149

登录cpolar web UI管理界面，点击左侧仪表盘的隧道管理——隧道列表，找到所要配置的隧道，点击右侧的编辑。

image-20260109175032370

修改隧道信息，将保留成功的二级子域名配置到隧道中

  • 域名类型：选择二级子域名
  • Sub Domain：填写保留成功的二级子域名
  • 地区: China Top

点击更新

image-20260109175004750

更新完成后，打开在线隧道列表，此时可以看到随机的公网地址已经发生变化，地址名称也变成了保留和固定的二级子域名名称。

image-20260109175111712

最后，我们使用固定的公网地址在任意设备的浏览器中访问，可以看到成功访问的页面，这样一个永久不会变化的二级子域名公网网址即设置好了。

image-20260109175142258

总结

Dashlet是一款轻量级、完全自托管的仪表盘工具，基于原生JavaScript和 SCSS构建，资源占用低、加载迅速。它采用玻璃磨砂UI设计，支持主题切换、自定义壁纸、拖拽排序及通过config.json灵活配置服务。无需依赖云服务，数据完全私有，让你在本地即可拥有清晰、高效、个性化的数字控制中心——小身材，大视野。

感谢您对本篇文章的喜爱，有任何问题欢迎留言交流。[cpolar官网-安全的内网穿透工具 | 无需公网ip | 远程访问 | 搭建网站](

avatar
文章
阅读
粉丝