Excalidraw搬到极空间以后,手绘白板从外部网站变成了自己长期维护的浏览器工具
前言
Excalidraw最方便的地方,是打开网页就能画架构图、流程图、草稿和思维导图,不需要先准备一套复杂的绘图软件。可如果经常使用在线版,白板入口始终依赖外部网站;对于本来就有一台长期在线NAS的人来说,把这个工具直接放到自己的设备上会更顺手。
这篇使用极空间来运行Excalidraw。前半段通过SSH进入设备,拉取官方镜像、创建容器,再从浏览器访问5000端口,确认白板页面能够正常打开。
部署完成以后,极空间负责长期运行这个Web服务,电脑只需要记住一个浏览器地址。无论是临时画系统结构、整理项目思路,还是做一张手绘风格的草图,都不必每次重新找在线入口。
这样在家里多台设备之间切换时,白板入口也不会跟着某一台电脑走。
后半段继续加入cpolar,把原本只能在局域网访问的Excalidraw页面提供给其他网络环境使用,并进一步配置固定访问入口。
整篇真正跑的是极空间运行Excalidraw → 浏览器直接打开白板 → 本地长期使用 → 外部设备继续访问这条链。重点不是给NAS增加一个“炫技项目”,而是把一个经常要打开的手绘白板变成自己长期维护的Web工具。

1.安装并启动Excalidraw容器
SSH终端部署是官方推荐的安装方式,只需运行官方提供的脚本,即可一键完成安装,操作简便,功能完整,并支持后续在线升级。唯一的门槛在于需要使用SSH工具连接服务器,对不熟悉命令行的新手来说可能稍显陌生,但只要按步骤操作,依然可以顺利完成。
未开通SSH的朋友们可以参考这篇文章:极空间别再吃灰了!开启SSH,秒变全能服务器! - cpolar 极点云官网
使用SSH远程连接工具,连接到极空间,切换到root用户下:

使用Docker拉取Excalidraw镜像:
sudo docker pull excalidraw/excalidraw

查看镜像是否安装成功:
sudo docker images
成功拉取Excalidraw镜像后,我们可以使用该镜像创建并运行一个Excalidraw容器,执行以下命令:
sudo docker run -d --name excalidraw -p 5000:80 excalidraw/excalidraw

查看容器是否正在运行:
sudo docker ps
容器正常运行后,就可以继续进行浏览器访问。

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

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

前面的Excalidraw已经能够在局域网中使用。如果希望其他网络里的设备也能打开这个白板页面,就还需要给本地Web服务增加一个外部访问入口。
这里继续使用cpolar,让运行在极空间上的Excalidraw页面可以从局域网之外访问。Excalidraw负责提供白板,cpolar负责扩展这个页面的访问范围。
2.安装cpolar实现外部访问
cpolar 可以将你本地电脑中的服务(如 SSH、Web、数据库)映射到公网。即使你在家里或外出时,也可以通过公网地址连接回本地运行的开发环境。
❤️以下是安装cpolar步骤:
使用一键脚本安装命令:
sudo curl https://get.cpolar.sh | sh

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

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

3.配置公网地址
登录cpolar web UI管理界面后,点击左侧仪表盘的隧道管理——创建隧道:
-
隧道名称:可自定义,本例使用了:exc,注意不要与已有的隧道名称重复
-
协议:http
-
本地地址:5000
-
域名类型:随机域名
-
地区:选择China VIP

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

访问成功。

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

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

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

修改隧道信息,将保留成功的二级子域名配置到隧道中
- 域名类型:选择二级子域名
- Sub Domain:填写保留成功的二级子域名
- 地区: China Vip
点击更新

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

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

固定地址能够正常访问以后,这个Excalidraw入口就可以长期保存并在其他网络环境中继续打开。
总结
这篇完成的是一套很直接的自托管白板流程:先在极空间上通过Docker运行Excalidraw,再从浏览器打开5000端口,确认手绘白板可以正常使用。
这种方式带来的变化,不是给Excalidraw增加新的绘图能力,而是把入口留在了自己长期在线的NAS上。以后画架构图、流程图或临时草稿时,不必再依赖某个外部网站,打开自己的地址就能继续使用。
后半段加入cpolar以后,改变的是访问范围。原本只能在局域网里打开的白板页面,可以继续从其他电脑或移动设备访问;固定二级子域名则更适合长期保存这个入口。
如果极空间本身就长期运行,这类Web工具很适合直接放在NAS上:极空间负责运行容器,Excalidraw负责白板页面,cpolar负责局域网之外的访问。这样一个平时经常要用到的手绘白板,就有了相对固定、独立的浏览器入口。
转载自 CSDN-专业IT技术社区
原文链接:https://blog.csdn.net/Rqaqedamancy/article/details/169246053




