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

2021-08-03 15:46:14 浏览数 (1)

画图工具

官网地址:

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 8XMind*XMindCrack.jar

斜体为路径

代码语言:javascript复制
-javaagent:J:XMind 8XMindXMindCrack.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 可以支持将样式复制到知乎中。

0 人点赞