选择它的原因很简单，因为是免费的，而且图片的源文件可以直接保存到Github的，这样非常方便，相当于直接云备份到了Github仓库里，然后用Github作为图床。
这一套操作下来，不管是画图工具，还是图床，都是不花一分钱的方案！
draw.io画图工具可以在线画图，或者下载应用，或者作为visualstudiocode插件来使用。
我比较常用的方式是在线画图，就是直接在网站上画图。draw.io一开始的画图网站地址就是直接在浏览器输入draw.io地址后，就会自动进入在线画图工具页面，现在它改版了，改成重定向到官网地址了，所以现在想进入在线画图工具页面，地址是：
当然，如果你想下载应用来使用，也可以在Github下载：
我们来看看这个画图工具的页面长什么样子，主要分为三个区域，从左往右的顺序是「图形选择区域、绘图区域、属性设置区域」。
其中，最左边的「图形选择区域」可以选择的图案有很多种，常见的流程图、时序图、表格图都有，甚至还可以在最左下角的「更多图形」找到其他种类的图形，比如网络设备图标等。
之前没有详细介绍，怎么将文件保存到Github，然后作为图床使用，这次补充下。
2、选择保存到Github后，就选择创建一个新的画图文件。
3、选择创建一个空白的图片，然后可以给文件取个名字，画图的源文件后缀是.drawio，最后点击创建。
4、点击创建后，就会弹出获取你的Github账号权限，点击同意就行。
5、接着输入你的Github账号密码。
5、登陆完后，选择你要保存的Github仓库，比如我选择这里：
7、然后就会跳转到一个网站，在你的Github需要安装draw.ioApp，直接点击安装即可，初次使用才会有这一步，后面就不用那么麻烦了。
9、安装完成后，在回到在线画图网站，点击「tryagain」。
11、我直接将png图片保存到Github。
12、保存好图片后，我们可以用以下地址作为图片的地址。
我这个地址是经过jsdelivercdn加速的了，这个cdn也是免费的。地址的构成是这样的：
也就是说，红色部分的前缀地址是固定的，绿色部分的地址是根据文件的保存仓库路径而变更就行。
如果你嫌这样替换地址麻烦，想自动化一点。可以搭配使用pingo工具来上传图片，上传完图片它会自动生成一个经过jsdelivercdn加速的地址。网上的资料很多，关键词搜索「github+jsdelivercdn+pingo」即可。
怎么样，这一套免费版的画图+Github云同步+图床的方案，还是很舒服的。
思维导图工具
我用的思维导图工具是xmind，是国产的。他们软件的交互设计做的很不错，很简洁明了。
它有很多种风格选择，基本都是五彩的，整体挺好看的。
有意思的地方，这个思维导图工具的右侧会有一些图标图片选择，比如表情图片、标签图片、进度图图片等等。
习惯用思维导图做笔记的同学，xmind这个思维导图工具是个不错的选择。
另外，我有时会使用Effie这个工具来生成思维导图，它本身是一个写作的工具，但是自带一个根据文字内容生成思维导图的功能。
代码贴图工具
如果你想展示你的代码，又苦于源代码的样式不好看，则可以使用一个生成漂亮的代码贴图网站。
导出图片后，就一张漂亮的代码展示图。
刚好有道云笔记支持mardown格式，所以一直都在用这个，但是永久后，它的双屏显示体验不是很好，就是左边是mardown格式的文档，右边是显示渲染的效果。
最新版本的typora已经开始要收费了，我一直没有更新，所以还是免费的状态。
还有一点，typora有生成pdf的功能，我之前生成的图解系统和图解网络的pdf，就是在typora生成的。