前言

画系统架构、整理项目流程或者临时记录想法时,普通文档和表格并不总是方便。很多内容更适合直接在一块自由画布上拖动、连线和标注,修改起来也更加直观。

Excalidraw是一款采用手绘风格的开源白板工具,可以用来绘制流程图、架构图、思维导图和简单草稿。相比安装桌面软件,它可以直接在浏览器中使用,更适合在不同设备之间切换。

如果家中已经有一台持续运行的极空间,可以把Excalidraw页面部署在自己的设备上。日常使用时,通过极空间的局域网地址进入白板,不必依赖公共在线页面是否能够正常访问。

本文将通过Docker拉取并启动Excalidraw容器,把服务映射到极空间的5000端口。随后再使用cpolar配置随机及固定公网地址,让人在其他网络环境中也能打开这套手绘白板。

image-20250924145800335

1.安装并启动Excalidraw容器

SSH终端部署是官方推荐的安装方式,只需运行官方提供的脚本,即可一键完成安装,操作简便,功能完整,并支持后续在线升级。唯一的门槛在于需要使用SSH工具连接服务器,对不熟悉命令行的新手来说可能稍显陌生,但只要按步骤操作,依然可以顺利完成。

未开通SSH的朋友们可以参考这篇文章:极空间别再吃灰了!开启SSH,秒变全能服务器! - cpolar 极点云官网

使用SSH远程连接工具,连接到极空间,切换到root用户下:

98a39e0b9bf8f528f599e82a5d065f22

使用Docker拉取Excalidraw镜像:

sudo docker pull excalidraw/excalidraw

5a6b5497e4dddaa877d8f889d5080d3a

查看镜像是否安装成功:

sudo docker images

成功拉取Excalidraw镜像后,我们可以使用该镜像创建并运行一个Excalidraw容器,执行以下命令:

sudo docker run -d --name excalidraw -p 5000:80 excalidraw/excalidraw

b8aa9a66a45143867fcf923c9b4e5c67

查看容器是否正在运行:

sudo docker ps

部署成功!

0ecaf0892c221ffa909f4220cabcd748

接下来,使用极空间ip+端口5000在windows浏览器就可以打开啦!
image-20250925110122337

重点是全部免费!

image-20250925113132671

你的朋友想使用怎么办?结合内网穿透技术,本地运行的 Excalidraw 可秒级暴露至公网,无需部署服务器,即可实现跨地域实时协作。通过 Docker 与 cpolar 的高效集成,让私有白板服务随时可分享,简单、快捷、即用即走。

2.安装cpolar实现随时随地开发

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

❤️以下是安装cpolar步骤:

使用一键脚本安装命令:

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

e464b045413a024674a93ea472511b0f

安装完成后,执行下方命令查看cpolar服务状态:(如图所示即为正常启动)

sudo systemctl status cpolar

aa03713b56d9eef12a4da6b99d2e46ac

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

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

3af79ad708cc47c5bbea0b63c2c7230d

3.配置公网地址

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

  • 隧道名称:可自定义,本例使用了:exc,注意不要与已有的隧道名称重复

  • 协议:http

  • 本地地址:5000

  • 域名类型:随机域名

  • 地区:选择China VIP

image-20250925144122468

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

image-20250925144321590

访问成功。

image-20250925144353487

4.保留固定公网地址

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

image-20250918151358733

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

image-20250925144528264

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

image-20250925144604206

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

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

点击更新

image-20250925144630259

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

image-20250925144719794

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

image-20250925144743014

这样,我们不管是在家,还是朋友想访问都可以轻松做到啦!

总结

完成以上配置后,Excalidraw已经可以在极空间中运行。通过浏览器打开极空间IP和5000端口后,就能进入手绘白板页面,使用图形、文字、箭头和自由绘制等功能整理内容。

通过cpolar为5000端口建立公网隧道后,原本只能在家庭局域网中访问的页面,也可以从外部网络打开。继续设置固定二级子域名后,访问入口能够保持不变,使用时不必反复查找新的地址。

需要说明的是,本文部署的主要是Excalidraw网页前端,并没有展示独立的数据存储服务或多人实时协作服务器。绘图内容是否保存在浏览器、本地文件还是其他位置,需要根据实际保存和导出方式判断,不能仅凭部署在NAS中就认为所有画布已经自动保存到极空间。

如果长期开放公网访问,还应限制链接分享范围,并增加必要的访问认证。重要图稿建议及时导出为Excalidraw源文件或图片,并单独保存到极空间目录中,避免因浏览器缓存清理、更换设备或容器调整造成内容丢失。

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐