Draw.io 集成 GitHub 实现云存储

地址汇总：

Draw.io 官网地址：draw.io (drawio.com)

Draw.io 在线操作地址：draw.io/

Draw.io 官方博客：Blog - Diagram only in selected GitHub repositories (drawio.com)

1、打开 Draw.io 在线操作地址

我的开始就出现下面这个授权云存储的页面：

选择 GitHub。

2、创建新绘图并授权（点点点就好）

先停在这里，用新的页面登录自己的 GitHub 账号进行下步操作。

3、在自己的 GitHub 仓库中创建一个有文件夹的仓库

Draw.io 要求选中的仓库必须有一个文件夹，所需下面需要 GitHub 目标仓库中在线创建文件夹。

① 创建一个仓库

我的暂定为 for-draw.io。

② 新建文件（没有新建文件夹的选项）

③ 创建文件时，指定文件名时可通过 / 创建一个文件夹

 ④ 最后还是要是一个文件

 4、选中一个 GitHub 仓库作为存储库

 授权绑定成功，保存刚才创建的测试绘图试试：

 会发现 GitHub 中的根目录中会出现该文件（不是刚才创建的那个文件夹）。

5、提交更新到 GitHub 存储库

修改内容，点击左上角的 “保存修改”：

 

 6、新建绘图，可随时指定存储位置（根目录或其他任意文件夹）

 这下可以选择根目录：

也可以选择刚才为了授权创建的文件夹：

选择存放在刚才的文件夹中，然后提交，最后 GitHub 存储库中的结构如下：

  

补充：

1、期间有的页面点击链接不会在新标签中打开链接页面，可能会导致叉掉需要翻历史记录

2、Draw.io 分在线版本和离线版本（下载安装包后本地安装），只有前者可以原生支持 GitHub 离线云存储，后者需要本地配合 Git 实现类似效果，不深入。