强大的手绘风格白板、流程脑图工具--Excalidraw

简介

• 开源（MIT Lisence）
• 手绘风格
• 浏览器直接打开，无需安装，适配移动端
• 简单的excel数据可以复制直接转换成图表
• 功能强大，丰富的图形库，进行流程图绘制时，也会自动吸附箭头等，用起来很方便
• 支持中文
• 支持docker（一键部署）
• 文件支持导入导出（本质是json文件）

相关地址

官网地址：https://plus.excalidraw.com/
GitHub地址：https://github.com/excalidraw/excalidraw
discord地址：https://discord.gg/UexuTaE

服务器购买推荐：

点击直达 腾讯云服务器
点击直达 海外服务器
点击直达 阿里云服务器

搭建环境

• 系统 Ubuntu20.04
• 域名一枚，并做好解析到服务器上
• 安装好Docker、Docker-compose：相关教程

更新系统环境

sudo -i # 切换到root用户

apt update -y  # 升级packages

apt install wget curl sudo vim git -y  # 安装常用的软件

创建安装目录

mkdir -p /root/achen/achen_wanjia/excalidraw

cd /root/achen/achen_wanjia/excalidraw

①官方安装：

git clone https://github.com/excalidraw/excalidraw.git

cd excalidraw

vim docker-compose.yml

英文输入法下，按i

version: "3.8"

services:
  excalidraw:
    build:
      context: .
      args:
        - NODE_ENV=development
    container_name: excalidraw
    ports:
      - "3000:80"  # 可以更改3000端口为自己想要的端口
    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:
  

按一下esc，然后:wq 保存退出。

docker-compose up -d 

②使用docker-compose安装：

cd /root/achen/achen_wanjia/excalidraw

vim docker-compose.yml

输入以下代码：

version: '3.3'
services:
    excalidraw:
        ports:
            - '3000:80'  # 可以更改3000端口为自己想要的端口
        environment:
            - TZ=Asia/Shanghai
            - PUID=1000
            - PGID=1000
        volumes:
            - './achen:/app/web'
        restart: unless-stopped
        image: 'ddsderek/excalidraw:latest'

按一下esc，然后:wq 保存退出。

docker-compose up -d 

查看端口是否被占用

（以3000为例），输入：

lsof -i:3000  #查看3000端口是否被占用，如果被占用，重新自定义一个端口

如果直接弹出#，表示端口未被占用！

如果出现：

-bash: lsof: command not found

运行：

apt install lsof  #安装lsof

如果端口没有被占用（被占用需修改端口，比如改成8084）

耐心等待，我们就可以输入http://ip:8084。

更新

docker-compose部署

cd /root/achen/achen_wanjia/excalidraw

docker-compose down 

cp -r /root/achen/achen_wanjia/excalidraw /root/achen/achen_wanjia/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 stop excalidraw

docker rm -f excalidraw  # 停止容器，此时不会删除映射到本地的数据

rm -rf /root/achen/achen_wanjia/excalidraw  # 完全删除映射到本地的数据

反向代理

HestiaCP面板反向代理其他网站设置

Nginx Proxy Manager 一款Nginx可视化面板