雨云搭建 Excalidraw 手绘白板教程

开源手绘风白板:快速画架构图/流程图,与 Penpot 专业设计、HedgeDoc 文档分工
发布于
2

需要快速画一张架构图、流程图、或开会时随手画草图,又不想把图传到第三方白板?Excalidraw 是一个开源的手绘风白板,浏览器里就能画,线条是那种轻松的「手绘感」,非常适合快速表达。本文记录在雨云 VPS 上用 Docker 部署 Excalidraw 的思路,并与专业设计工具区分。

Excalidraw 的定位

它主打「快」:打开就是一块画布,选矩形/箭头/文字随手画,导出 PNG/SVG。手绘风格让草图看起来轻松不死板,做技术架构草图、教学示意图、头脑风暴最顺手。它和文档类、专业设计类工具是互补关系,不是替代。

在雨云 VPS 上部署 Excalidraw

最轻量是官方 excalidraw/excalidraw 镜像,或社区维护的带协作后端的方案。基础单实例:

version: "3"
services:
  excalidraw:
    image: excalidraw/excalidraw
    restart: unless-stopped
    ports:
      "127.0.0.1:5000:80"

关键点:默认无持久化,画完记得导出或存到本地;若要多人实时协作,需用带 excalidraw-room 协作后端的部署(官方文档有示例 Compose),否则只是各画各的。机器选型参考 雨云 VPS 新手指南,单实例 512M 就能跑。

反向代理与协作安全

公网访问走 Nginx/Caddy 反代加 HTTPS;多人协作房间建议套 Authelia 统一登录网关 做访问控制,避免公开房间被陌生人乱画。

与专业设计工具区分

雨云搭建 Penpot 开源设计协作 是矢量、组件化、面向产品 UI 设计的生产级工具;Excalidraw 是手绘风快速白板,重在「随手画、即时表达」。写文档配图可看 雨云搭建 HedgeDoc 实时协作文档——图用 Excalidraw 画、文用 HedgeDoc 写,分工清晰。

数据备份

单实例无服务端存储,图画完导出文件自行保管;协作模式若开了服务端房间状态,按对应部署的存储方式(通常是挂载卷)用 BorgBackup 去重加密备份 备份。

合规提醒

Excalidraw 用于画你自己的示意图,不绘制、不传播违法违规内容;多人协作房间注意访问权限,避免被灌入不当内容。

配套与延伸

单实例超轻,512M 可跑。选机器可在 雨云优惠入口 用优惠码 admin01 享五折,新用户 7 天无理由退款,先开一台画张架构草图试试。

常见问题(FAQ)

画的图存在服务器吗?
基础单实例不存,画完需自己导出 PNG/SVG/JSON;只有部署了协作后端才会有房间状态,且仍需按对应存储方式自行备份。
能多人同时画一张图吗?
基础镜像不行,要部署带 excalidraw-room 协作后端的版本才支持实时多人协作。
和 Penpot 怎么选?
临时草图、架构示意、手绘风选 Excalidraw;做产品级 UI、组件库、规范交付选 Penpot。
导出的图能再编辑吗?
导出 .excalidraw 的 JSON 文件可重新导入继续编辑;导出 PNG/SVG 是位图/矢量图,不能再改线条。

本文由作者原创/授权发布于极跃圈(jiyueip.com)未经许可,禁止转载。题图来自Unsplash,基于CC0协议。

声明:极跃圈(JIYUEIP.com)内网友所发表的所有内容及言论仅代表其本人,并不反映任何极跃圈(JIYUEIP.com)之意见及观点。

0 讨论
热门最新
总结
暂无总结
0 / 600

用雨云 KVM 云服务器 Docker 自建 Outline 团队文档协作(Outline+PostgreSQL+Redis+对象存储),配 Nginx 反代 HTTPS、空间权限与备份。含环境变量坑与优惠码 admin01 五折。

在雨云 VPS 用 Docker 部署 HedgeDoc,提供多人实时协作 Markdown 编辑、版本历史与权限控制,与 Wiki.js/Outline 做差异化定位,含部署坑与合规要点。

用雨云 KVM 云服务器 Docker 部署 Wiki.js + PostgreSQL,搭一个自己托管的私有知识库,文档可接 Git 后端自动备份。含内存调优、反代 HTTPS 与优惠码 admin01 五折。