手写风格画图白板软件 Excalidraw
Excalidraw 介绍
Excalidraw是一个手写风格的框图画板软件。开源、小巧易用，在许多软件中都有开发者将其作为插件嵌入，达到手写风格画程序框图的目的。https://excalidraw.com/
打开官网就可以直接使用，而且免费保存高清图片，甚至支持多人协作。
使用这个软件可以有多种形式：
- vscode插件，只需要在插件市场下载安装即可。
- 官网使用，如果网络流畅的话没问题，支持功能比较全。
- 私有化部署，变成自己电脑上的软件。
私有化部署
- 拉取github链接
git clone https://github.com/excalidraw/excalidraw.git
- 安装docker和docker-compose
这个可以百度，这里不再赘述。
- 使用docker compose 部署本地
cd excalidraw
vim docker-compose.yml # 修改一下其中的端口 我这里将3000改成了9999
docker-compose up --build -d # 构建镜像
docker images # 看一下image id
docker run --rm -dit --name MyExcalidraw -p 5000:9999 6a5c # 6a5c为image id
- 使用Microsoft Edge，安装应用，即可在本地打开。
启动之后，在网页打开localhost:9999即可，使用Edge浏览器，可以将其变成一个应用
然后就可以像软件一样使用了。
嵌入中文手写字体
不过该软件没有手写中文字体的支持，我们可以下载一个手写中文字体，在拉取github链接之后，将其目录下的字体文件替换掉，在使用docker compose
cd excalidraw/public
mv Virgil.woff2 Virgil-old.woff2 # 备份一下这个原始的字体文件
cp ~/Downloads/ajietextd.github.io-gh-pages/chinese.woff2 . # 将自己的字体文件拷贝进来
mv chinese.woff2 Virgil.woff2 # replace
docker-compose up --build -d # 构建镜像
docker images # 看一下image id
docker run --rm -dit --name MyExcalidraw -p 5000:9999 6a5c # 6a5c为image id
然后就支持中文手写字体啦
部署到github page
当然生成的静态文件可以直接部署到github page上，这样无论在哪台电脑都可以在线使用Excalidraw了。
这是我的网址，可以试用一下：https://flionay.github.io/
参考链接
https://github.com/excalidraw/excalidraw
https://zhuanlan.zhihu.com/p/159724837
https://blog.csdn.net/weixin_37865166/article/details/115560363
License:
CC BY 4.0