【转载】一个简单好用,风靡硅谷的白板工具——Excalidraw
前言
风靡硅谷的白板工具——Excalidraw
介绍
Excalidraw 是近两年新起的一款画图工具,主要包含白板、流程图的功能,它简单好用,有画图界的 Markdown之称。
特点
开源(MIT Lisence)
手绘风格
浏览器直接打开,无需安装,适配移动端
简单的excel数据可以复制直接转换成图表
功能强大,丰富的图形库,进行流程图绘制时,也会自动吸附箭头等,用起来很方便
支持中文
支持docker(一键部署)
文件支持导入导出(本质是json文件)
相关地址
官网地址:https://plus.excalidraw.com/
GitHub地址:https://github.com/excalidraw/excalidraw (32.4k star)
discord地址:https://discord.gg/UexuTaE
demo:https://excalidraw.com/ (可能被墙了)
搭建环境
服务器:腾讯香港轻量应用服务器24元/月VPS一台本期搭建用的是腾讯轻量购买链接的服务器,(最好是选非大陆(香港)的服务器)如果是小白刚开始玩的话,还可以购买Racknerd的服务器,最低一年不到100块(不过搭建Docker还是建议选择1G内存以上的机器)(Racknerd服务器介绍:点击查看)
系统:Debian 10(DD脚本 非必需DD用原来的系统也OK,之后教程都是用Debian或者Ubuntu搭建~)
安装好Docker、Docker-compose
【非必需但建议】域名一枚,并做好解析到服务器上
【非必需】提前安装好宝塔面板海外版本aapanel,并安装好Nginx
【非必需本教程选用】安装好Nginx Proxy Manager
服务器要求:不是非常高,能搭建Docker即可,建议1G以上。
搭建方式
创建一下安装的目录
sudo -i
mkdir -p /root/data/docker_data/excalidraw
cd /root/data/docker_data/excalidraw
这边我们有两种搭建方法,一种是用官方的来自己构建,另一种是用群里小伙伴做的镜像直接安装。
用官方的优点是能保证使用的是最新的版本但是对于差一点的机器,构建镜像时间会有点长;
用群里小伙伴的镜像好处是配置文件简单,但是可能不是最新版本的,大家自行取舍。
官方安装:
git clone https://github.com/excalidraw/excalidraw.git
cd excalidraw
vim docker-compose.yml
Docker-compose.yml配置文件:
version: "3.8"
services:
excalidraw:
build:
context: .
args:
- NODE_ENV=development
container_name: excalidraw
ports:
- "8099:80" # 可以更改8099端口为自己想要的端口
restart: on-failure
stdin_open: true
healthcheck:
disable: true
environment:
- NODE_ENV=development
volumes:
- ./:/opt/node_app/app:delegated
- ./package.json:/opt/node_app/package.json
- ./yarn.lock:/opt/node_app/yarn.lock
- notused:/opt/node_app/app/node_modules
volumes:
notused:
docker-compose up -d
使用群里小伙伴的docker-compose安装:
cd /root/data/docker_data/excalidraw
vim docker-compose.yml
因为官方的是自己build的版本,会比较花时间,这边推荐可以使用这个docker-compose.yml
version: '3.3'
services:
excalidraw:
ports:
- '8099:80' # 可以更改8099端口为自己想要的端口
environment:
- TZ=Asia/Shanghai
- PUID=1000
- PGID=1000
volumes:
- './data:/app/web'
restart: unless-stopped
image: 'ddsderek/excalidraw:latest'
./data这个可以换成你自己服务器的路径;
冒号左边的8099可以换成主机未被占用的端口;
其他不建议修改。
更新
cd /root/data/docker_data/excalidraw
docker-compose down
cp -r /root/data/docker_data/excalidraw /root/data/docker_data/excalidraw.archive # 万事先备份,以防万一
docker-compose pull
docker-compose up -d
docker image prune # prune 命令用来删除不再使用的 docker 对象。删除所有未被 tag 标记和未被容器使用的镜像
WARNING! This will remove all dangling images. Are you sure you want to continue? [y/N]
输入y
利用Docker搭建的应用,更新非常容易~
卸载
docker stop excalidraw
docker rm -f excalidraw # 停止容器,此时不会删除映射到本地的数据
rm -rf /root/data/docker_data/excalidraw # 完全删除映射到本地的数据
可以卸载得很干净。
评论区