搭建手绘风格绘图软件excalidraw_手绘方案软件

Excalidraw是一款在线的白板软件，可以绘制出手绘风格的各种图表、流程图、思维导图等等。就是没有专业的绘图基础，也能轻松的上手。我个人也是在使用这款绘图软件画一些架构图等等

首先这款软件的使用用三种方式，一种是安装vscode的插件；一种是直接在项目的官网上使用；还有一种是基于docker安装。

软件的官方网址：https://excalidraw.com/

访问网站就可以使用其进行绘画了，这也是最简单的用法。

vscode插件的安装网站：
https://marketplace.visualstudio.com/items?itemName=pomdtr.excalidraw-editor

软件在github的开源项目网址：
https://github.com/excalidraw/excalidraw

本文我们主要是关注通过docker的方式来进行本地的部署。

首先我们先拉取镜像：

sean@MacBook-Pro ~ % docker pull excalidraw/excalidraw
Using default tag: latest
latest: Pulling from excalidraw/excalidraw
43c4264eed91: Pull complete
43c4264eed91: Pull complete
5b19511a843d: Pull complete
652d69a25e85: Pull complete
51676974aef5: Pull complete
bb16f69e8876: Pull complete
6fb07faa0055: Pull complete
c298c5a0cd21: Pull complete
0c02f601d0ee: Pull complete
6687ea40187b: Pull complete
Digest: sha256:df3ddf00d7977d7007ea33b5397239ff20955eeeeafd38735cb1604be799564a
Status: Downloaded newer image for excalidraw/excalidraw:latest
docker.io/excalidraw/excalidraw:latest

查看拉取后的镜像

sean@MacBook-Pro ~ % docker images
REPOSITORY                                                TAG                                                                           IMAGE ID       CREATED         SIZE
excalidraw/excalidraw                                     latest                                                                        d5149c4ce299   3 days ago      74.4MB

拉取镜像完成后，启动一个本地的容器，将容器中的80端口映射出来，我这里将其映射到8080.

sean@MacBook-Pro ~ % docker run -d -p 8080:80 --name excalidraw excalidraw/excalidraw
29d7a9e3560124a1c9f27d3a868695b252fd01427985981ff5f94dafe1ac6904

查看容器运行的状态

sean@MacBook-Pro ~ % docker ps -a
CONTAINER ID   IMAGE                       COMMAND                   CREATED          STATUS                      PORTS                    NAMES
29d7a9e35601   excalidraw/excalidraw       "/docker-entrypoint.…"   4 minutes ago    Up 4 minutes (healthy)      0.0.0.0:8080->80/tcp     excalidraw

容器启动后，浏览器访问http://IP:8080就可以开始使用了。

关于使用docker安装，我个人添加了国内的加速源是无法拉取到镜像的，不知道你们是否有同样的情况，建议多配几个源，或者使用其他的方式获取官网仓库上的镜像。

另外再提一点关于个性化定制的内容

修改容器里面的`/usr/share/nginx/html/index.html文件，可以自定义网站的title
准备好自己喜欢的（手写风格）中文字体，将其装换位woff2的格式后，上传到容器里面/usr/share/nginx/html/目录，替换掉原来的字体，就可以实现中文手写风的字体。默认服务提供的几种字体仅支持英文有手写的风格。

上面的修改完成后记得重启容器，让修改生效。

Tags：重启容器

网站首页 > 精选文章 / 正文

猜你喜欢