白板遇上穿透术——设计师们发现:吵架的尽头,是随时随地的创意大乱斗

作者:天天上个啥班班 cpolar用户投稿


在这里插入图片描述

办公室里的创意内耗

上周五下午3点,A公司的设计部上演了戏剧性一幕:两位主案设计师为一个按钮图标的设计方向吵得面红耳赤。小王指着白板上的草图说:“必须用圆角!用户测试数据就是这么显示的!” 小李直接抓起马克笔在原稿上划出方角方案:“圆角是十年前的审美了,你看看竞品都在玩锋利线条!”

问题一:局域网内的“有限自由”
他们使用的共享白板其实支持远程协作——但团队成员若人在外地或居家办公,想实时参与这场“视觉辩论”,只能对着卡顿的屏幕干着急。更讽刺的是,隔壁会议室的UI设计师老张拿着咖啡路过时,被争吵声吸引过来,直接冲进来甩出一句:“你们俩都错了!应该用三角形!”(没错,这就是办公室创意PK的真实场景)

问题二:物理距离的致命打击
“上周小李居家办公的时候,我们等他上传文件、开会议截图、反复解释色彩值……一个10分钟能解决的讨论,硬生生拖了3小时。”项目组长叹了口气。局域网内的共享白板固然安全,但当有人不在办公室时,它立刻变成了“创意孤岛”。

在这里插入图片描述

穿透术——把吵架变成跨时空乱斗

直到他们发现了内网穿透技术+云端白板的组合拳。通过cpolar这类工具,设计师们不再需要纠结于“谁在办公室”才能展开讨论。以下是他们的实战记录:

场景1:咖啡厅 vs. 飞机上——跨国头脑风暴

  • 小王在首尔出差,用笔记本电脑打开穿透后的白板;
  • 纽约的视觉设计师Lily同步上传3D模型,两人直接在云端白板上叠加不同材质效果;
  • 上海的用户体验顾问老张突然挤进会议:“等等!我刚看到用户调研的新数据!”——三地四人同时用触控笔在白板上圈出关键点,争论声通过语音实时炸响。

场景2:凌晨1点的家庭办公桌——创意不眠战

  • 原计划“明天再议”的按钮图标大战,在深夜被小李的一条消息点燃:“我试了三角形方案!看看这个动态效果……”;
  • 小王立即用穿透白板覆盖他的设计,添加微交互动画;两人隔着屏幕疯狂批注、擦除、重建——直到清晨提交时,他们发现对方的咖啡杯倒影在平板屏幕上重叠成了最终方案。

在这里插入图片描述

终极奥义——让创意PK突破物理规则

设计师们终于领悟到:好的共享白板不是会议室的延伸品,而是能承载“吵架式协作”的时空机器。穿透技术赋予它的超能力包括:

  1. “我比你快0.5秒”的即时性
    • 无需等待同事上线;
    • 甚至可以给3小时前离开白板的人发送实时修改提醒:“嘿,你上次的按钮阴影,我加了高光!现在看还像咸鱼吗?”
  2. “全员在线但各怀鬼胎”的安全感
    • cpolar的加密通道确保只有团队成员能访问;
    • 白板历史记录自动保存——即使某位设计师突然离线,他的涂鸦和备注依然留在原地,仿佛他只是去倒咖啡了。
  3. “物理距离=创意平等”的颠覆性
    • 在办公室的人不能再靠“站起身抢白板”强行主导;
    • 沉默的实习生也能在评论区用表情包否决总监的想法(虽然最后还是被驳回了)。

在这里插入图片描述

吵架的尽头是——更高效的创意生产

如今,当有人抱怨:“你们能不能别再改这个按钮了?” 团队会心一笑。他们知道,这场永不停息的“云端白板乱斗”才是设计创新的真正引擎:

  • 通过cpolar穿透的共享白板,全球设计师在同一画布上涂鸦、擦除、争论;
  • 每次“争吵”都生成可追溯的版本对比图;
  • 最终方案往往诞生于第27版草稿——那是某位凌晨三点的实习生,在被驳回15次后偷偷叠加了所有人意见的“混沌美学”。

结语:
设计师终于明白,最好的白板不是挂在墙上,而是悬浮在穿透技术构建的信息平面上。当吵架可以随时随地发生时,创意反而有了更纯粹的生长土壤——毕竟,谁会在意争论发生在会议室、咖啡厅还是凌晨三点的浴室?只要白板在线,设计革命永不落幕。

在这里插入图片描述

有人会说那么多页面上的共享白板不去用,为什么要用局域网内的共享白板还用穿透技术,这样不麻烦吗?

我只想说,干设计的最重要的一条原则就是在未变现前要保密!只有保密才能让创意安全变现
所以有些东西,不能说!不能说!

老规矩,光说不练假把式,只练不说傻把式。点一波赞再看下面👇的超干教程。



(本教程来自cpolar官网独家赞助😊)

本文主要介绍如何在Ubuntu系统使用Docker部署开源白板工具Excalidraw,并结合cpolar内网穿透工具实现公网远程访问绘制流程图。

Excalidraw是一款手绘风格流程图、示意图、架构图在线绘制工具,界面简洁,交互细致,上手简单,操作习惯和大部分制图软件相似。使用Docker部署Excalidraw容器非常简单,只需一行命令即可快速实现本地部署。

image-20240206172031658

1. 安装Docker

本教程操作环境为Linux Ubuntu系统,在开始之前,我们需要先安装Docker。

在终端中执行下方命令:

添加Docker源

# Add Docker's official GPG key:
sudo apt-get update
sudo apt-get install ca-certificates curl gnupg
sudo install -m 0755 -d /etc/apt/keyrings
curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo gpg --dearmor -o /etc/apt/keyrings/docker.gpg
sudo chmod a+r /etc/apt/keyrings/docker.gpg

# Add the repository to Apt sources:
echo \
  "deb [arch=$(dpkg --print-architecture) signed-by=/etc/apt/keyrings/docker.gpg] https://download.docker.com/linux/ubuntu \
  $(. /etc/os-release && echo "$VERSION_CODENAME") stable" | \
  sudo tee /etc/apt/sources.list.d/docker.list > /dev/null
sudo apt-get update

安装Dokcer包

sudo apt-get install docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin

通过运行映像来验证 Docker 引擎安装是否成功

sudo docker run hello-world

2. 使用Docker拉取Excalidraw镜像

sudo docker pull excalidraw/excalidraw

image-20240206172328932

然后执行查看镜像命令:

sudo docker images

image-20240206172422782

可以看到成功拉取了Excalidraw镜像。

3. 创建并启动Excalidraw容器

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

在终端执行以下命令:

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

参数说明:

  • –name excalidraw:本例容器名称为excalidraw,大家可以自己起名。
  • -p 5000:80: 端口进行映射,将本地 5000 端口映射到容器内部的 80 端口。
  • **-d ** :设置容器在在后台一直运行。

image-20240206172707031

然后执行下方命令查看容器是否正在运行:

sudo docker ps

image-20240206172810409

可以看到刚才创建的Excalidraw容器正在运行中。

4. 本地连接测试

现在我们可以通过浏览器直接访问 localhost:5000 端口的 Excalidraw 服务:

image-20240206172909607

可以看到,本地连接 Excalidraw 服务测试成功。

5. 公网远程访问本地Excalidraw

不过我们目前只能在本地连接刚刚使用docker部署的Excalidraw服务,如果身在异地,想要远程访问在本地部署的Excalidraw容器,但又没有公网ip怎么办呢?

我们可以使用cpolar内网穿透工具来实现无公网ip环境下的远程访问需求。

5.1 内网穿透工具安装

下面是安装cpolar步骤:

cpolar官网地址: https://www.cpolar.com

  • 使用一键脚本安装命令
curl -L https://www.cpolar.com/static/downloads/install-release-cpolar.sh | sudo bash
  • 向系统添加服务
sudo systemctl enable cpolar
  • 启动cpolar服务
sudo systemctl start cpolar

cpolar安装成功后,在外部浏览器上访问Linux 的9200端口即:【http://服务器的局域网ip:9200】,使用cpolar账号登录,登录后即可看到cpolar web 配置界面,结下来在web 管理界面配置即可。

image-20230831171159175

5.2 创建远程连接公网地址

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

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

点击创建

image-20240207095612018

创建成功后,打开左侧在线隧道列表,可以看到刚刚通过创建隧道生成了两个公网地址,接下来就可以在其他电脑(异地)上,使用任意一个地址在浏览器中访问即可。

image-20240207095720991

如下图所示,成功实现在公网环境访问本地部署的Excalidraw服务!

image-20240207095940715

小结

为了方便演示,我们在上边的操作过程中使用了cpolar生成的HTTP公网地址隧道,其公网地址是随机生成的。

这种随机地址的优势在于建立速度快,可以立即使用。然而,它的缺点是网址是随机生成,这个地址在24小时内会发生随机变化,更适合于临时使用。

如果有长期远程访问本地Excalidraw服务的需求,但又不想每天重新配置公网地址,还想地址好看又好记,那我推荐大家选择使用固定的二级子域名方式来远程访问。

5.3 使用固定公网地址远程访问

登录cpolar官网,点击左侧的预留,选择保留二级子域名,地区选择China VIP,设置一个二级子域名名称,点击保留,保留成功后复制保留的二级子域名名称,这里我填写的是exdraw,大家也可以自定义喜欢的名称。

image-20240207100140130

保留成功后复制保留成功的二级子域名的名称:exdraw,返回登录Cpolar web UI管理界面,点击左侧仪表盘的隧道管理——隧道列表,找到所要配置的隧道exdraw,点击右侧的编辑:

image-20240207100319169

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

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

点击更新(注意,点击一次更新即可,不需要重复提交)

image-20240207100431685

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

image-20240207100508737

最后,我们使用任意一个固定公网地址在浏览器访问,可以看到访问成功,这样一个固定且永久不变的公网地址就设置好了,随时随地都可以远程访问本地部署的Excalidraw服务了!

image-20240207100658129

以上就是如何在Ubuntu系统使用Docker部署Excalidraw容器,并结合cpolar内网穿透工具实现公网远程访问内网本地服务的全部流程,感谢您的观看。

有兴趣的小伙伴赶紧去试试吧

我的主页里,藏着更多让你惊喜的内容:

💡 3分钟生成4K电影海报?这个AI工具让小白秒变大神!用内网穿透还能远程操控!sd一键生成生成电影级大片

💡大国重器的云端局 从春秋战国的冷兵器割据到现代AI的数字疆土开垦

💡 互为工具 :与DeepSeek&即梦AI共同完成一篇文章的详细记录_deepseek与即梦同用

💡告别云盘付费焦虑!Zfile+cpolar手把手教你搭建私人数据王国

💡PHPStudy+WordPress+cpolar建立商业网站的心得:从忐忑到惊喜的旅程怎一个爽字了得

💡WordPress学习指南:从菜鸟到大佬的摸鱼式成长之路_wordpress教程菜鸟教程

💡十年Python老司机分享:那些实战中比写代码更重要的事

💡老板让我三天做AI客服?有了Flowise我边吃火锅边回:“行啊,链接发您微信了“

💡《手机扫码秒传文件!你的“私人云管家”ZFile,让全家文件不再散落天涯》

💡用PicHome 建私人网盘+资源站+cpolar自由起飞。

💡告别U盘和云盘!这台绿联NAS让我家的数据管理爽到飞起

💡把脑洞变成高清大片!Flux.1文生图神器+cpolar安装指

💡云端跳跃:在NAS上用cpolar重现马里奥的童趣时光

💡这软件让我AI助理们排队打工!Cherry Studio+内网穿透=效率狂魔的终极组合

💡【亲测】1.5万搞定DeepSeek满血版!本地部署避坑指南+内网穿透黑科技揭秘

💡如何本地部署Stable Diffusion3.5并远程使用生成AI图片

💡被困在工位上的AI创作者:当大模型成了我的“电子镣铐

💡Pythonista跪了!这工具+经验组合让我受益匪浅

💡内网穿透是科技更是日常哲学:解决问题、不制造事故、不生成故事。

💡Stable Diffusion初级使用心得:如何画出一幅好画和如何不受拘束的画出一幅好画!

关注我,成为第一批掌握cpolar内网穿透科技赋能的大神

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值