Xxtaoaooo头像
Excalidraw搬到极空间以后,手绘白板从外部网站变成了自己长期维护的浏览器工具封面图

Excalidraw搬到极空间以后,手绘白板从外部网站变成了自己长期维护的浏览器工具

Excalidraw搬到极空间以后,手绘白板从外部网站变成了自己长期维护的浏览器工具

前言

Excalidraw最方便的地方,是打开网页就能画架构图、流程图、草稿和思维导图,不需要先准备一套复杂的绘图软件。可如果经常使用在线版,白板入口始终依赖外部网站;对于本来就有一台长期在线NAS的人来说,把这个工具直接放到自己的设备上会更顺手。

这篇使用极空间来运行Excalidraw。前半段通过SSH进入设备,拉取官方镜像、创建容器,再从浏览器访问5000端口,确认白板页面能够正常打开。

部署完成以后,极空间负责长期运行这个Web服务,电脑只需要记住一个浏览器地址。无论是临时画系统结构、整理项目思路,还是做一张手绘风格的草图,都不必每次重新找在线入口。

这样在家里多台设备之间切换时,白板入口也不会跟着某一台电脑走。

后半段继续加入cpolar,把原本只能在局域网访问的Excalidraw页面提供给其他网络环境使用,并进一步配置固定访问入口。

整篇真正跑的是极空间运行Excalidraw → 浏览器直接打开白板 → 本地长期使用 → 外部设备继续访问这条链。重点不是给NAS增加一个“炫技项目”,而是把一个经常要打开的手绘白板变成自己长期维护的Web工具。

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

页面能够正常打开以后,就可以直接开始使用Excalidraw。

image-20250925113132671

前面的Excalidraw已经能够在局域网中使用。如果希望其他网络里的设备也能打开这个白板页面,就还需要给本地Web服务增加一个外部访问入口。

这里继续使用cpolar,让运行在极空间上的Excalidraw页面可以从局域网之外访问。Excalidraw负责提供白板,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入口就可以长期保存并在其他网络环境中继续打开。

总结

这篇完成的是一套很直接的自托管白板流程:先在极空间上通过Docker运行Excalidraw,再从浏览器打开5000端口,确认手绘白板可以正常使用。

这种方式带来的变化,不是给Excalidraw增加新的绘图能力,而是把入口留在了自己长期在线的NAS上。以后画架构图、流程图或临时草稿时,不必再依赖某个外部网站,打开自己的地址就能继续使用。

后半段加入cpolar以后,改变的是访问范围。原本只能在局域网里打开的白板页面,可以继续从其他电脑或移动设备访问;固定二级子域名则更适合长期保存这个入口。

如果极空间本身就长期运行,这类Web工具很适合直接放在NAS上:极空间负责运行容器,Excalidraw负责白板页面,cpolar负责局域网之外的访问。这样一个平时经常要用到的手绘白板,就有了相对固定、独立的浏览器入口。

转载自 CSDN-专业IT技术社区

原文链接:https://blog.csdn.net/Rqaqedamancy/article/details/169246053

文章来源转载

评论

评论列表

微信小程序
QQ小程序

关于作者

点赞数:0
关注数:0
粉丝:0
文章:0
关注标签:0
加入于:--