几个值得部署的开源画布项目推荐与搭建教程

最近在折腾自建服务的时候，看到有朋友在问有没有好用的开源画布项目可以部署到服务器上。其实这类工具现在不少，不仅能用来画图、做设计，还能作为团队协作的白板工具。今天就整理几个我觉得不错的开源项目，顺便附上简单的部署教程，希望能帮到有需要的朋友。

Excalidraw 的手绘风格界面，适合绘制流程图和原型。

1. Excalidraw：手绘风格的白板工具

Excalidraw 可能是目前最火的开源画布项目之一。它的特点是手绘风格，非常适合用来画流程图、架构图或者做简单的 UI 原型。支持多人实时协作，数据存储在本地，也可以导出为 PNG、SVG 等格式。

部署教程：

• 使用 Docker 一键部署是最简单的方式：

  docker run -d --name excalidraw -p 80:80 excalidraw/excalidraw:latest
  

• 如果你需要自定义域名或 HTTPS，可以用 Nginx 反向代理一下。

tldraw 的极简界面，支持丰富的快捷键操作。

2. tldraw：极简且强大的绘图工具

tldraw 是另一个开源的画布项目，界面非常简洁，操作流畅。它的特点是“所见即所得”，支持快捷键操作，适合喜欢键盘流的朋友。它的功能比 Excalidraw 更丰富一些，比如支持更多的图形和导出选项。

部署教程：

• tldraw 也可以用 Docker 部署，但它默认需要连接到 Node.js 服务器才能实现实时协作。如果你想单机使用，可以直接用 Vercel 部署前端部分：

  git clone https://github.com/tldraw/tldraw.git
  cd tldraw
  npm install
  npm run dev
  

• 如果需要实时协作功能，可以参考官方文档配置 WebSocket 服务。

Diagrams 的轻量级界面，专注于架构图绘制。

3. Diagrams：轻量级的架构图绘制工具

如果你主要是用来画架构图或者简单的流程图，Diagrams 是一个不错的选择。它支持拖拽式操作，界面直观，上手很快。虽然功能不如前两个丰富，但胜在轻量级，对服务器资源要求低。

部署教程：

• Diagrams 是基于 Node.js 开发的，部署方式也很简单：

  git clone https://github.com/F-loat/diagrams.git
  cd diagrams
  npm install
  npm start
  

• 默认运行在 3000 端口，你可以用 Nginx 反向代理到 80 或 443 端口。

横向对比

总结

如果你需要一个功能全面、支持多人协作的画布工具，Excalidraw 是首选；如果你喜欢极简风格和快捷键操作，tldraw 会更合适；而如果你只是偶尔画个架构图，Diagrams 足够了。以上项目都支持 Docker 部署，几分钟就能搞定。试试看吧！

如果你有其他好用的开源画布项目，欢迎在评论区分享！