Excalidraw 简介及 Docker Compose 部署指南

简介: 家人们好,我们在工作生活中经常需要画些图,我们往期了已经出过draw-io私有化部署的文章了,今天我要向大家介绍一款名为 Excalidraw 的绘图工具,这款工具了我个人非常喜欢使用,是因为它可以修改成类似于手写体的字体,并且可以直接绘画,这篇文章我将分享如何使用 Docker Compose 轻松部署 Excalidraw。

excalidraw.jpg

家人们好,我们在工作生活中经常需要画些图,我们往期了已经出过draw-io私有化部署的文章了,今天我要向大家介绍一款名为 Excalidraw 的绘图工具,这款工具了我个人非常喜欢使用,是因为它可以修改成类似于手写体的字体,并且可以直接绘画,这篇文章我将分享如何使用 Docker Compose 轻松部署 Excalidraw。

在线地址: http://excalidraw.xiuji.mynatapp.cc/

更多在线工具请关注或搜索 公众号 修己xj,发送 工具获取

示例图片

示例1:罗刹海市

-2023-06-29-2157.png

示例2:模型图

-2023-06-29-2157.png

Excalidraw 简介

Excalidraw 是一款简单易用的开源绘图工具,可以帮助用户轻松绘制流程图、草图、图表等各种类型的图形。它特别适合于团队协作,支持多用户实时编辑,无需注册或登录即可开始使用。Excalidraw 的主要特点包括:

  • 直观易用:Excalidraw 的界面简洁直观,用户可以轻松绘制各种图形,无论是专业人士还是初学者都能上手。

  • 实时协作:多人可以同时编辑同一份图形,实时查看对方的编辑动态,提高团队协作效率。

  • 支持多种元素:Excalidraw 提供丰富的绘图元素,包括基本的图形、箭头、文本框等,满足用户的不同绘图需求。

  • 跨平台:Excalidraw 可以在各种现代浏览器上运行,并且适配移动设备,方便用户在任何地方使用。

使用 Docker Compose 部署 Excalidraw

为了简化 Excalidraw 的部署过程,我们将使用 Docker Compose 来一键部署 Excalidraw 服务。请确保已经安装了 Docker 和 Docker Compose。接下来,按照以下步骤进行部署:

步骤 1:创建 Docker Compose 配置文件

首先,在服务器上创建一个文件夹,例如 "excalidraw",然后在该文件夹下创建一个名为 "docker-compose.yml" 的文件,并在其中添加以下内容:

version: '3.3'
services:
  excalidraw:
    image: ddsderek/excalidraw:latest
    container_name: excalidraw
    restart: always
    ports:
      - 3698:80
    volumes:
      - ./data:/app/web

步骤 2:启动 Excalidraw 服务

在 "excalidraw" 文件夹下执行以下命令启动 Excalidraw 服务:

docker-compose up -d

步骤 3:访问 Excalidraw

等待一段时间,当服务启动后,通过浏览器访问服务器的 IP 地址或域名,即可进入 Excalidraw 的界面。
我们可以在素材库下载一些好看的素材

_20230726214435.png

如果想使用别的字体对的话先下载 字体 .woff2 文件,将挂载目录下原来的 MyFonts.woff2文件改名MyFonts.woff2_back,将下载好的字体移到挂载目录下,改名为 MyFonts.woff2,重启服务即可
_20230726214838.png

开始创作吧!

现在,你已经成功部署了 Excalidraw 服务,并可以尽情享受绘图的乐趣。尝试在团队中共享链接,体验实时协作的乐趣,或者将绘制的图形导出为图片进行保存和分享。

Excalidraw 是一个功能强大且方便的绘图工具,帮助你在团队协作中更高效地进行头脑风暴和沟通。如果你喜欢这款工具,不妨在社交媒体上分享它,让更多的人受益。

祝愿你在使用 Excalidraw 的过程中有愉快的体验!谢谢阅读!

目录
相关文章
|
15天前
|
关系型数据库 MySQL API
|
9天前
|
人工智能 API 数据安全/隐私保护
使用 Docker 一键免费部署 63.8k 的私人 ChatGPT 网页应用
NextChat 是一个可以在 GitHub 上一键免费部署的私人 ChatGPT 网页应用,支持 GPT3、GPT4 和 Gemini Pro 模型。该项目在 GitHub 上获得了 63.8k 的 star 数。部署简单,只需拉取 Docker 镜像并运行容器,设置 API Key 后即可使用。此外,NextChat 还提供了预设角色的面具功能,方便用户快速创建对话。
65 22
使用 Docker 一键免费部署 63.8k 的私人 ChatGPT 网页应用
|
21天前
|
SQL 关系型数据库 数据库
国产数据实战之docker部署MyWebSQL数据库管理工具
【10月更文挑战第23天】国产数据实战之docker部署MyWebSQL数据库管理工具
61 4
国产数据实战之docker部署MyWebSQL数据库管理工具
|
11天前
|
运维 开发者 Docker
Docker Compose:简化容器化应用的部署与管理
Docker Compose:简化容器化应用的部署与管理
|
11天前
|
Docker 微服务 容器
使用Docker Compose实现微服务架构的快速部署
使用Docker Compose实现微服务架构的快速部署
24 1
|
22天前
|
负载均衡 监控 开发者
深入浅出:掌握 Docker Compose 的高级用法
【10月更文挑战第22天】本文深入探讨了 Docker Compose 的高级用法,包括环境变量、服务扩展、网络配置和数据卷管理。通过实例详细介绍了如何利用这些功能提升开发效率和应用部署的灵活性。适合希望深入了解 Docker Compose 的开发者阅读。
|
23天前
|
消息中间件 Linux RocketMQ
在Red Hat Enterprise Linux 9上使用Docker快速安装并部署
通过以上步骤,你可以在Red Hat Enterprise Linux 9上使用Docker快速安装并部署RocketMQ。这种方法不仅简化了安装过程,还提供了一个灵活的环境来管理和扩展消息队列系统。RocketMQ作为一款高性能的分布式消息系统,通过Docker可以实现快速部署和高效管理。
53 2
|
11天前
|
NoSQL Redis Docker
【赵渝强老师】使用Docker Compose管理容器
Docker Compose 通过 YAML 文件管理多个容器,简化复杂系统的部署和管理。本文介绍了 Docker Compose 的基本概念,并通过一个包含 Redis DB 和 Python Web 模块的示例,展示了如何使用 Docker Compose 部署和管理多容器应用。手动部署和 Docker Compose 部署的对比突显了 Docker Compose 在系统复杂度增加时的优势。
|
11天前
|
前端开发 开发者 Docker
深入探索Docker Compose:简化多容器应用的部署
深入探索Docker Compose:简化多容器应用的部署
38 0
|
6月前
|
存储 机器学习/深度学习 中间件
快速上手 Elasticsearch:Docker Compose 部署详解
本文介绍了如何使用Docker Compose快速搭建Elasticsearch学习环境。Elasticsearch是一款用于实时搜索和分析的分布式中间件,适用于多种场景,如搜索、日志分析、机器学习等。首先,创建docker网络,拉取最新版8.12.2镜像。接着,编写docker-compose.yml文件,配置单节点集群,设置端口映射、内存限制及数据卷挂载。然后,创建并配置数据卷目录,允许远程访问和跨域。最后,启动服务并验证,通过浏览器访问确认服务运行正常。本文为初学者提供了一个简便的Elasticsearch部署方法。
829 4
快速上手 Elasticsearch:Docker Compose 部署详解