画图常用工具和代码图片生成器

画图工具

官网地址：

https://www.processon.com/

http://draw.io/

以上两个我目前比较常用画图网站，支持流程图，UML，原型图等。

之前经常碰到一些读者咨询，这类类似手绘的图片是怎么画的。

其实上面图片就是通过 draw.io 画的，大家在使用过程选择如下图形即可：

箭头属性选择 comic（手绘）

以及最后字体选择

3. Xmind

下载与安装

# **步骤1**

下载安装XMind 8

百度网盘下载：链接：[https://pan.baidu.com/s/1S_-kzHhiavVc1LMo8D1uWw](https://pan.baidu.com/s/1S_-kzHhiavVc1LMo8D1uWw) 提取码：gmgy

目录结构如下：

步骤2(可选)：

安装好Xmind后右击Xmind图标-->打开文件位置-->进入安装目录，将XMindCrack.jar文件（在步骤1链接下载的文件中）复制粘贴到该目录下【可以不复制，步骤3中有解释】。

步骤3：

打开安装目录下的XMind.ini配置文件，

-javaagent:*J:\XMind 8\XMind*\XMindCrack.jar

斜体为路径

-javaagent:J:\XMind 8\XMind\XMindCrack.jar

## 步骤4：

打开XMind.exe程序，点击【帮助】—>【序列号】—>输入邮箱(任意一个正确的邮箱即可) + 序列号即可完成激活。（序列号也在步骤1的链接下载的文件中

代码图片生成器

官网地址:https://carbon.now.sh/

生成比较精美的代码图片，不用担心一些网站不支持代码格式。

image-20200328143839226

另外 carbon 还有 IDEA，vscode 等插件，安装之后，可以快速使用。

小技巧

自动空格

写作时我们需要注意在中英文/中文数字之间加上空格，这样比较易读性，视觉上看起来比较优雅。

不过对于那些还没有习惯手动加空格的人来说，很容易遗忘。不好好在我们可以借助输入法完成自动加空格功能。

以下为 macos 搜狗输入法相关截图，其他输入法也有类似设置。 不过，windows 没有找到类似配置。

另外在推荐一款空格之神的浏览器插件，将会自动在网页中英文之间加入空格。当我们习惯之后，手动加入空格也会变成一种肌肉记忆。

github 地址:https://github.com/vinta/pangu.js

直角引号

个人喜欢使用直角引号(「」 『』)代替弯引号('' ""),使用键盘打出直角引号比较麻烦，我们可以直接使用输入法标点替换功能。

写作后

写作完成之后，我们需要将文章发布到微信公众号以及其他博客平台。

微信公众号

由于之前文章采用 markdown 写作，而微信公众号编辑器不支持渲染 markdown，这就导致我们需要自己排版。虽然排版我们可以使用 135 编辑器，壹伴插件等完成，不过还是很麻烦。

追求方便的同学可以使用自动排版 markdown 的网站，里面支持样式也是比较简洁好看。

官网地址：

http://md.aclickall.com/

https://mdnice.com/

http://md.aclickall.com/

https://mdnice.com/

以上两个排版网站功能大同小异，只不过排版样式不一样。其中 mdnice 可以支持将样式复制到知乎中。