在浏览器上画流程图 [drawio]

我写的东西肯定很无聊吧，浏览量低的惊人，评论连一只手都能数的出来。算了，我就写写骗下金币，攒够了换京东e卡。

事情是这样的，我用过blender，非常喜欢里面的editor，里面的node可以随便拖来拖去，用来整理流程和分类都非常方便。然后我就想自己搭个类似的服务，但是只找到了drawio，这里就不得不吐槽现在的搜索引擎一个个都像得了老年痴呆症一样，不停给我看我已经看过的内容，嗯，有就行了，我不挑，如果各位知道其它的，麻烦分享下。

流程图大家都知道是什么，我就不介绍了，直接上docker compose，上篇写了那么长的label完全没人吐槽，肯定是没有人看，反正也没人看，我继续。没错drawio没有官方镜像，所以我随便选了个有维护的，我记得其中一个可以存到自己的云盘里。

version: '3.0'
services:
!!drawio:
!!!!image: jgraph/drawio
!!!!container_name: drawio
!!!!restart: unless-stopped
!!!!networks:
!!!!!!- traefik_proxy
!!!!ports:
!!!!!!- 8080:8080
!!!!labels:
!!!!!!- traefik.enable=true
!!!!!!- traefik.http.routers.drawio-http.entrypoints=web
!!!!!!- traefik.http.routers.drawio-http.rule=Host(`drawio.子域名.duckdns.org`)
!!!!!!- traefik.http.routers.drawio-http.middlewares=https-redirectscheme@file
!!!!!!- traefik.http.routers.drawio-https.entrypoints=websecure, public
!!!!!!- traefik.http.routers.drawio-https.rule=Host(`drawio.子域名.duckdns.org`)
!!!!!!- traefik.http.routers.drawio-https.tls=true
!!!!!!- traefik.http.services.drawio-https.loadbalancer.server.port=8080
!!!!!!- traefik.http.routers.drawio-https.middlewares=auth-crowdsec
!!!!!!- traefik.http.middlewares.auth-crowdsec.chain.middlewares=default-headers@file,crowdsec-bouncer@file,auth@file
networks:
!!traefik_proxy:
!!!!external: true

因为drawio没有登陆界面，所以加了authelia。进drawio后会问保存在本地，然后再问要用哪种流程图，我一般都是选空白。在右上角可以改语言。剩下的大家都会用了，就不介绍了。至于成品，我在前几篇里的流程图就是用drawio画的。

随便说下drawio在官网上有现成可以用的，只是开官网特别慢。可能是我的原因，最近开什么网站都非常慢，明明300兆的下行，延迟也不到100，总之就是肉眼可见的慢。

作者声明本文无利益相关，欢迎值友理性交流，和谐讨论～