新浪博客刷等级工具,博客编写工具

正文： 3878字15图

预计阅读时间： 10分钟

做好工作要先利其器，至理名言啊！

当孤独的羊要开始写博客的时候，你会发现其实还有很多相关的东西。特别是写公众号。需要编辑器、图像管理、画画、录制屏幕等。这些其实可以找到熟练的工具，大大节省你的时间。

自从开始写公众号以来，我接触了很多有助于提高效率的写作工具，最后留下了一些快捷的东西，推荐一下。

因为是自己使用的Mac环境，所以从我的实际情况来看，我推荐几个工具。我认为其他平台也有类似的替代产品。

Markdown Markdown是一种轻量级的标记语言，允许“使用易读易写的纯文本格式编写文档”，可以轻松转换为HTML和PDF等其他格式。

要写技术博客，推荐使用Markdown。语法简单，可以集中精力写。而且基本上主流的博客平台都提供了支持Markdown语法的编辑器，写了就直接复制就可以了。

Markdown的语法非常简单，基本上可以看文档，很快就能拿到。最常用的命令只有那个。使用的话基本上会变好。

这里不怎么介绍。

Typora编辑器要说使用Markdown写文章，就必须选择容易使用的编辑器。这里推荐Typora。这是一个免费的跨平台Markdown编辑器，从外观上看，可以说非常容易使用。

我选择Typora的理由之一是它本身就很好用。另一个原因是渲染效果可以直接应用于微信公众号编辑器中。微信公众号非常亲切，直接复制粘贴，微调换行、空格等即可使用。这也是不需要太关注排版的理由之一。

Typora可以直接在官网下载。

https://typora.io/

Typora对Mac Book Pro的Touch Bar拟合也非常好，提供了很多样式的快捷键，我很容易使用，我最喜欢导入该图像的快捷键，直接调用文件夹选择本地

Typora本身提供了许多用于渲染的Theme样式，这些样式可以在官方网站上下载！

http://theme.typora.io/

将下载的Theme文件直接放在Typora的支持目录下即可识别。如果找不到目录，则可以通过首选项访问。

如果推荐的主题仍然不能满足你的要求，可以找你喜欢的，自己编辑那个css样式。例如，我现在的模板是我自己定义的样式。但是，我根据需要修改了一些细节。

如果孤独的羊想根据自己的需求定制样式，最好在公众号编辑器中通过实验预览最终效果。因为据我所知，在公众号上有无效的风格。另外，在个别的地方换行很多。这实际上问题不大，编辑时自己读，微调细节就好了。

需要注意的是，从Typora复制时，必须直接复制才能携带样式。这种方式对公众号等有效。如果本身提供了Markdown编辑器(如掘金、CSDN等)，则必须右键单击并选择“Copy As Markdown”以复制Markdown原始格式的文本。

我认为图床工具是一个容易阅读的博客，但它一定包含截图。在公众号上代码支持不太好，所以我文章里的代码片段，都可以截图的形式发布，保留原来的样式，方便阅读。

既然使用了图像，Typora就可以支持本地路径或web图像地址。大多数情况下，需要一张床来存储这些图像，以便可以直接在Markdown中使用这些图像。

这里推荐Mac下的床具。iPic

1、iPic 的基本使用

iPic 使用起来非常好用，支持拖拽上传本地图片和快捷键上传剪切板里的图片，最终会把上传好的图片，在剪切板中，生成一个 Markdown 的标签，我们直接粘贴就可以使用。

这个 Gif 做的不太好，因为没法录制下 Mac 顶部状态栏的效果，大家凑合看吧。iPic 会在顶部提供一个快捷方式，我们这里讲图片拖拽上去，它就会自动上传，我们直接在 Typora 里就可以通过粘贴快捷键使用上传后的图片。

iPic 默认情况下，会使用新浪图床保存图片，当然你可以配置成其它你自己购买的图片服务器。这里推荐不要修改它，因为新浪图床的图片地址，在公众号中是可以直接显示的（复制可用），其它地址的图片，我没有亲自试验过。

2、iPic 配合 Typora

iPic 还有一个非常好用的功能，只需要进行一些简单的配置，就是它可以配合 Typora 直接批量上传当前文档中的图片。

我通常的做法是，写文档的时候，在 Typora 中，设置一个相对路径，文章中使用的所有图片从本地文件夹引用。

然后编辑完文章之后，再使用 Edit → Image Tools → Upload Local Images via iPic ，选择使用 iPic 上传，Typora 就可以直接帮我们把当前的 .md 文件中，引用的本地图片，通过 iPic 上传，并自动替换 Typore 中对应的图片地址，非常的方便。

使用这个功能，有个缺点就是不太稳定。如果遇到失败的情况，可以关闭文件，然后再打开，什么都不要编辑直接上传，就好了。

3、iPic 的缺点

它有一个缺点就是对 Gif 图的适配不是很好，上传之后就变成了一个静态图，所以如果你文章内有 Gif 图的话，就需要在对应平台的编辑器内单独上传一遍！

录屏工具

录屏其实就分两种了，一种是手机录屏，另外一个就是电脑录屏。

录屏工具很多，一般都会录制成一个 mp4，不过为了在博客中方便显示，我会把视频转换成一个 Gif 图。

对于 Android 设备来说，可以直接使用 Android Studio 中的录屏功能，录制成一个 MP4，之后再将它转换成一个 Gif 图。

将视频转换成 Gif ，推荐使用 LICEcap，其实就是播放视频的同时，进行录屏。

LICEcap 的界面非常的简洁，它提供了一个透明的对话框，在其中包裹的内容，就是最终生成的 Gif 图的内容，在这个过程中，它会记录对话框中包裹内容的变化。

作图工具

在公众号中写文章，每篇文章都需要配一个封面图（头图）。

如果你对这个要求不高的话，其实是可以随便找一张好看的图片，公众号里设置封面图的时候有辅助工具，可以帮你直接裁剪图片到需要的尺寸。

而对这个图有要求的话，这里推荐一个作图工具：创客贴。

创客贴，可以帮你制作各种尺寸的图片，并且也有一些自媒体平台，适合的图片尺寸，直接编辑使用就好了。我公众号文章的所有封面图，都是使用创可贴制作的。

不过创可贴还可以制作一些其他的活动图，例如我前段时间推荐 dddll 的《程序员的成长课》，就使用创可贴做了一个活动图，放在文章底部，效果也还不错！

代码块

前面提到，在公众号文章中，其实对代码块的适配并不好，会出现一些强制换行的问题。

对代码强制换行的处理，非常的影响阅读，并且早期的解决办法，只能解决单一平台，例如解决了 iPhone ，Android 下就肯定有问题，或者反之也一样。

我最开始的处理方式是直接使用截图，而有了 iPic 之后，代码截图我就不需要一dpdsy张在后台上传，编辑成本就降低了很多。

可使用代码截图，虽然对排版会比较友好一些，但是对于阅读的人，想要复制出来就只能自己再在 IDE 中敲一遍。如果你对代码块是否可复制这一点，有要求的话，这里再推荐一个插件：壹伴。

壹伴是一个公众号的 Chrome 扩展插件，如果你有心想要运营你的公众号，壹伴是一个不错的工具，推荐给你。

壹伴在代码块这一点上，做了很好的适配，可以让 iPhone 和 Android 手机上预览，达到一致的体验。

壹伴是由公司发布并维护的，免费的功能已经很好用了。如果你对壹伴有兴趣，我这里有个推荐码，通过我这个二维码进行注册，你我都可以获得一个月的高级会员。

它还提供了很多高级功能，可以让你运营公众号更方便，如果有兴趣，可以先扫码了解一下。

流程图

一图胜千字，有时候对于一些流程比较复杂的内容，绘制一个流程图，再配合简单的文字描述，就非常清晰了。

绘制流程图，这里推荐一个 Chrome 插件，Gliffy Diagrams。

安装就可用，使用起来也非常的简单，花几分钟熟悉一下就可以上手。

脑图

脑图也很火，用于梳理一些概念和知识非常的有用。

暂时我没有在博客中使用到脑图，这里也推荐一个非常好用的脑图工具：XMind 。

XMind 非常好用，多平台支持，我是 Mac + iPhone 上都下载安装了。不过如果不方便安装 XMind 的话，可以试试百度脑图或者其他的替代产品。

小结

本文推荐的工具，全部是基于我自己写博客的过程中，使用的一些比较顺手的工具。

你还有什么更好的工具可以推荐？在评论区留言我们讨论一下！

那么，2018 年，你有没有想过开始使用博客记录你的思考呢？看看前几天的文章，或许会有帮助。

1、我依然坚持建议你开始写博客

2、我依然坚持建议你开始写博客

3、保持博客日更，看看我有什么建议！

今天在承香墨影公众号的后台，回复『成长』。我会送你一些我整理的学习资料，包含：Android反编译、算法、设计模式、虚拟机、Linux、Kotlin、Python、爬虫、Web项目源码。