编写技术文章是程序员分享经验和记录学习成果的重要方式。

为了让写作变得更轻松，有许多实用工具可以帮助提升效率，比如 Markdown 编辑器、画图工具等。

接下来，笔者将介绍四款简单实用的工具，帮助程序员更轻松地编写技术文章。

1 Typora ：Markdown 编辑器

Typora 是一款简洁而功能强大的 Markdown 编辑器，提供了所见即所得的体验。

Markdown 是用来编写结构化文档的一种纯文本格式，它使我们在双手不离开键盘的情况下，可以对文本进行一定程度的格式排版。

官网地址：https://www.drawio.com/

笔者之所以喜欢 Typora ，是因为笔者 认为 Typora 在设计方面做了几点贴心的设计 ：

1、实时预览和源代码模式

如上图，当离开正在编辑的有格式的文本段后，Typora 会自动隐藏 Markdown 标记，展现「所见即所得」的效果。

为了防止一些程序 bug 的发生导致格式问题无法修改，Typora 保留了一个「源代码模式」。

我们可以通过 视图 - 源代码模式 或左下角的 </> 按钮进入。

2、打字机模式和专注模式

「打字机模式」使得你所编辑的那一行永远处于屏幕正中。

「专注模式」使你正在编辑的那一行保留颜色，而其他行的字体呈灰色。

我们可以在 视图 - 专注模式 / 打字机模式 中勾选使用这两个模式。

3、图片处理

你可以在 Typora 中：

• 直接使用 右键 - 复制 Ctrl + V 将网络图片、剪贴板图片复制到文档中
• 拖动本地图片到文档中

Typora 会自动帮你插入符合 Markdown 语法的图片语句，并给它加上标题。

下图，我们可以设置图片上传服务器以及插入图片时候的图片配置。

2 Markdown Nice ：自定义样式

Markdown Nice 是一个在线工具，允许用户自定义 Markdown 样式，可以用来生成美观的 Markdown 文档。它提供了丰富的主题选择，支持微信、知乎等平台。

官网地址：https://www.mdnice.com/

接下来，我们演示如何使用 Markdown Nice 。

进入首页 ，点击「写文章」按钮，进入编辑页面。

如图，编辑页面分为三个区域：

• 内容区域：最左侧，我们把 markdown 文件拷贝到内容区域；
• 自定义样式区域：最左右侧，我们将自定义的样式拷贝到该区域
• 预览区域：中间部分，当内容或者样式发生变化，则预览就会变化。

演示效果见下图：

3 Drawio ：强大的画图工具

draw.io 是一款免费的在线图表编辑工具，无需注册或登录即可使用，安全、开源，且功能强大，广泛应用于各类图表绘制。

除了在线版，draw.io 还支持安装到 Windows 和 Mac 进行离线使用。它能够绘制的图表类型丰富，包括流程图、思维导图、组织结构图、文氏图、信息图、楼宇平面图、网络图、架构图、电气工程图、UML 图等，满足多样化的绘图需求。

我们可以在官网在线画图，也可以将软件下载到本地，笔者推荐下载到本地。

官网地址：https://www.drawio.com/

下面是 DrawIO 的操作界面：

DrawIO 画图操作非常简单，可以实现非常多实用的功能。

1、基本流程图

2、逻辑图

3、数据结构演示

4、UML 图

4 Carbon ：代码片段生成美观图片

Carbon 是一个用于将代码片段生成美观图片的工具，用户可以选择不同的背景、字体、颜色和样式，使代码展示更具美感。

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

最后，笔者将四种辅助工具的使用方式做了个简单视频，并上传到了 B 站 ，有兴趣的同学可以访问：

https://www.bilibili.com/video/BV1aT4y1p7R2/?spm_id_from=333.999.0.0&vd_source=a167ce1b655931b132bb9bbb22609d12