侧边栏壁纸
博主头像
STONE

行动起来,活在当下

  • 累计撰写 70 篇文章
  • 累计创建 67 个标签
  • 累计收到 5 条评论

目 录CONTENT

文章目录

【转载】一个简单好用,风靡硅谷的白板工具——Excalidraw

Administrator
2022-09-07 / 0 评论 / 0 点赞 / 771 阅读 / 0 字
温馨提示:
本文最后更新于2023-08-31,若内容或图片失效,请留言反馈。 部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

【转载】一个简单好用,风靡硅谷的白板工具——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  # 完全删除映射到本地的数据

可以卸载得很干净。

本文转载自【好玩儿的Docker项目】一个简单好用,风靡硅谷的白板工具——Excalidraw

0

评论区