工欲善其事，必先利其器，至理名言！当你准备开始写博客的时候，你会发现涉及的东西还是很多的，尤其是写公众号。你会需要编辑器、图片管理、绘图、屏幕录制等，事实上，为这些找到熟练的工具可以为你节省很多时间。自从开始写公众号以来，我接触了很多可以帮助我提高效率的写作工具，也留下了一些比较方便的，推荐给大家。我使用的Mac环境，所以这里只是根据我的实际情况推荐一些工具。我认为其他平台上应该有类似的替代方案。MarkdownMarkdown是一种轻量级标记语言，它允许人们“以一种易于阅读和编写的纯文本格式编写文档”，然后可以轻松地将其转换为其他格式，例如HTML或PDF。写技术博客时，推荐使用Markdown，语法简单，可以让你专注于写作。而且基本上主流的博客平台都提供了支持Markdown语法的编辑器，写完直接copy进去即可。Markdown的语法非常简单。基本上就是看看文档，一会儿就可以上手了。最常用的命令就那么几个，基本上用过一次就可以熟练了。这里就不做过多介绍了。Typora编辑器说到使用Markdown写文章，一定要选择好用的编辑器。这里推荐Typora。它是一款免费的跨平台Markdown编辑器，所见即所得。可以说是非常好用了！我之所以选择Typora来写，一个原因是因为它非常好用，另一个原因是它的渲染效果可以直接在微信的编辑器中应用♂，对微信非常友好公众号，直接复制粘贴，然后微调换行符和空格来使用，这也是我不用注意排版的原因之一。Typora可以直接从官网下载。https://typora.io/Typora也很好地适配了MacBookPro上的TouchBar。它提供了多种样式的快捷键，让我使用起来更加方便。我最喜欢它的介绍图。快捷键可以直接调出文件夹让我选择本地，非常好用。而且Typora本身提供了非常多的Theme样式用于渲染，都可以在官网下载！http://theme.typora.io/我们会把下载好的Theme文件直接放到Typora对应的目录下，然后就可以识别了。如果找不到目录，可以通过Preferences进入。如果推荐的主题还是不能满足你的要求，你可以找一个中意的，然后自己编辑它的css样式。比如我现在的模板就是自己定义的样式。但是我根据自己的需要修改了一些细节。当你想根据自己的需要自定义样式时，你可以尝试在公众号的编辑器中预览最终效果，因为据我所知，有些样式没有在公众号中生效，并且有些地方会无缘无故出现一些换行符。这其实不是什么大问题。编辑的时候自己看一下，微调一些细节。需要注意的是，从Typora复制时，需要直接复制才能承载样式。这种方法对公众号之类的东西很有效。而如果是掘金、CSDN等提供了Markdown编辑器的，需要右键选择“CopyAsMarkdown”，将文本复制成Markdown的原始格式。图床工具我想要一个通俗易懂的博客，肯定会放一些截图，因为公众号中的代码支持不是很好，所以我文章中的所有代码片段都以截图的形式发布，使它们能够保留原始风格，便于阅读。由于使用图片，在Typora中，可以支持本地路径或者网络图片地址。大多数情况下，我们希望有一个图床可以帮助我们存储这些图片，以便我们可以直接在Markdown中使用它们。这里推荐一款Mac下的图床工具，iPic。一、iPic的基本使用iPic非常容易上手。支持拖拽上传本地图片和快捷键上传剪贴板中的图片。最后，上传的图片会在剪贴板中生成为Markdown标签。我们直接粘贴就可以使用了。这张Gif不是很好，因为我没法记录Mac顶部状态栏的效果，所以大家看一下吧。iPic会在顶部提供一个快捷方式，这里说的是拖动图片，它会自动上传，我们在Typora中粘贴快捷键就可以直接使用上传的图片。iPic默认使用新浪图片服务器保存图片。当然你也可以配置到自己购买的其他镜像服务器上。这里建议不要修改，因为新浪绘床的图片地址可以直接在公众号显示（可以复制），其他地址的图片我没有亲测过。2、iPic与TyporaiPic配合使用，有一个很好用的功能。它只需要一些简单的配置，即可以配合Typora直接批量上传当前文档中的图片。我通常的做法是在写文档的时候在Typora中设置一个相对路径，文章中使用的所有图片都是从本地文件夹中引用的。然后编辑好文章后，使用编辑→图片工具→通过iPic上传本地图片，选择使用iPic上传，Typora可以直接帮我们通过iPic上传当前.md文件中引用的本地图片，并自动替换成对应的Typore中的图片地址非常方便。使用此功能的一个缺点是它不是很稳定。如果遇到失败，可以关闭文件，然后重新打开，不做任何编辑直接上传。3.iPic的缺点缺点之一是对Gif图片适配不好。上传后变成静态图片，所以如果你的文章中有Gif图片，需要在相应平台的编辑器中将它们分开。重新上传！录屏工具其实有两种，一种是手机录屏，一种是电脑录屏。录屏工具有很多，一般都是录成mp4的，但是为了博客方便展示，我把视频转成Gif图。对于Android设备，可以直接使用AndroidStudio中的录屏功能录制一个MP4，然后转为Gif图片。视频转Gif，推荐使用LICEcap，其实就是边播放视频边录屏。LICEcap的界面非常简单。它提供了一个透明的对话框，里面包裹的内容就是最终生成的Gif图片的内容。在这个过程中，它会记录对话框中被包裹内容的变化。画图工具在公众号写文章，每篇文章需要附上封面图（头图）。如果你对这个要求不高，其实随便找一张好看的图就可以了。公众号设置封面图片时有辅助工具，可以帮你直接将图片裁剪成需要的尺寸。如果你对这张图有要求，这里推荐一款绘图工具：MakerPost。创客贴可以帮你制作各种尺寸的图片，也有一些自媒体平台，适合图片尺寸，直接编辑使用即可。我的文章的所有封面图都是用创可贴制作的。不过，创可贴还可以制作一些其他的活动图片。比如前段时间推荐过安小慧的《程序员的成长课》。我用Band-Aids做了一张活动图放在文章底部。效果还不错！前面在代码块中提到，在公众号文章中，代码块的适配不好，会出现一些强制换行的问题。代码中强制换行的处理非常影响阅读，早期的解决方案只能解决单一平台。比如iPhone解决了，Android下肯定有问题，反之亦然。我最初的处理方式是直接使用截图，但是有了iPic，我不需要在后台一张一张上传代码截图，大大降低了编辑成本。可以使用代码截图。虽然对排版比较友好，但是对于读者来说，如果要复制，只能在IDE中重新敲一遍。如果你对代码块是否可以复制有什么要求，这里推荐另一个插件：易伴。One-Partner是公众号Chrome扩展程序。如果你想要运行你的公众号，One-Partner是一个很好的工具，我推荐给你。OnePartner在代码块适配方面做得很好，可以让iPhone和Android手机上的预览达到一致的体验。OnePartner由公司发布维护，免费的功能已经很好用了。如果你对易班感兴趣，我这里有推荐码。如果您通过我的二维码注册，您和我可以获得一个月的高级会员资格。它还提供了许多高级功能，可以使您的操作公众号更加方便。感兴趣的可以扫描二维码了解一下。一张流程图胜过一千字。有时候，对于一些复杂的流程，画一个流程图，加上简单的文字说明，就会很清楚。画流程图，这里推荐一个Chrome插件GliffyDiagrams。安装后即可使用，使用非常简单。熟悉它需要几分钟，然后就可以上手了。脑图也很流行，对于整理一些概念和知识很有用。暂时没有在博客中使用过脑图，这里也推荐一个非常好用的脑图工具：XMind。XMind非常易于使用并且支持多种平台。我在Mac+iPhone上下载并安装了它。不过如果不方便安装XMind，可以试试百度脑图或者其他替代产品。小结本文推荐的工具都是基于我在写自己博客的过程中用到的一些比较方便的工具。【本文为专栏作家“张扬”原创稿件，转载请微信♂联系作者获得授权】点此查看作者更多好文
