多亏了这几款软件，我才能坚持写博客这么多年！

冷不防 2023-03-12 07:27 135阅读 0赞

**点击关注上方“五分钟学算法”，**

**设为“置顶或星标”，第一时间送达干货。**

![format_png][]

写博客大致可以分为三步：

*  写作前
 *  写作中
 *  写作后

按照这三步介绍这个过程中我用到一些工具。

## 写作前 ##

### trello ###

官网地址:https://trello.com/

这是一款任务管理工具，类似于敏捷开发中看板，我们可以快速管理任务。

![format_png 1][]

日常工作我只要想到一个 **idea**，就会第一时间先记录到 **idea** 列表中。这里千万不要高估自己的记忆力，如果想到了，感觉记录下来。以前上午灵光一现想到一个 **idea**，准备晚上写一下，然后晚上就想不起来。。。

![format_png 2][]

前期准备时，可以将收集到的资料，素材，全部放到具体卡片中。

![format_png 3][]

当我们开始写作后，拖动到下一个列表，完成之后，再拖到下一个列表，这样写作任务非常清晰。

**trello** 十分强大，这里只是用了小功能，感兴趣的同学可以深入研究一下。

## 写作中 ##

### typora+iPic+坚果云 ###

**markdown 编辑器**：typora，下载地址：https://typora.io/。

图床工具：iPic，下载地址：https://toolinbox.net/iPic/

云盘：坚果云，下载地址:https://www.jianguoyun.com/

> Windows系统上有PicGo，功能类似iPic

在 typora 中使用 **markdown** 写作，可以**实时预览**，所见即所得，这点非常方便。

除了这点，我最喜欢的就是配合 **iPic** 自动生成图床的链接。我们只需要将图片拖入 typora，或者直接复制到编辑器中，就可以自动生成图床链接。

![format_png 4][] 来源于网上

免费版 **iPic** 只支持微博图床，不需要任何配置就可以使用，个人使用过程觉得够了。

不过好消息，最新版本的 **typora**,还支持其他几款图床客户端：

*  **uPic**,只支持 **macos**，下载地址：https://blog.svend.cc/upic/
 *  **PicGo**，全系统支持，下载地址：https://molunerfinn.com/PicGo/

吐槽一点，旧版本的 **typora** 使用过程，经常碰到卡顿，完全无响应的情况。强制重启软件可能会丢失之前写作记录，之前碰到好几次，都有点想放弃使用这个软件。

所幸最新版已经改善这种情况，赞一个。不过还是有一点，如果文章中有**过大/过多**的图片，将会有点卡顿。可能是软件实时渲染引起的，切换到源代码模式，就不会卡了。

最后通过搭配坚果云，实现云端同步，多端文章共享。

### iPic Mover ###

**iPic** 家同系列的产品，可以一键将已有 **Markdown** 文件中所有图片迁移至新图床。

![format_png 5][]

### 画图工具 ###

官网地址：

https://www.processon.com/

http://draw.io/

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

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

![format_png 6][]

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

![format_png 7][]

箭头属性选择 comic（手绘）

![format_png 8][]

以及最后字体选择

![format_png 9][]

### 代码图片生成器 ###

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

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

![format_png 10][] image-20200328143839226

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

### 小技巧 ###

**自动空格**

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

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

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

![format_png 11][]

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

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

![format_png 12][]

**直角引号**

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

![format_png 13][] ![format_png 14][]

## 写作后 ##

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

### 微信公众号 ###

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

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

官网地址：

http://md.aclickall.com/

https://mdnice.com/

![format_png 15][]

http://md.aclickall.com/ ![format_png 16][] https://mdnice.com/

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

### 其他博客平台 ###

目前个人还会把文章分发到掘金，博客园，**segmentfault** 等，这些平台都支持 **markdown**,可以直接将 **markdown** 直接复制过去。不过分发平台较多，一个个发还是比较麻烦。

下面推荐一个工具，自动分发文章到各个博客网站。

官网地址：

https://github.com/ystcode/BlogHelper

## 最后说一句 ##

写作是一个**逆人性**的过程，不断坚持输出，其实真的很难。希望上面的工具和技巧，可以帮助到同样坚持写作的小伙伴。

最后，写作也是一个孤独的过程，欢迎各位小伙伴们一起交流讨论，互相成长，奥利给！

--------------------

### **推荐阅读** ###

• [C++是如何从代码到游戏的？][C]• [告诉你一个学习编程的诀窍（建议收藏）][Link 1]• [自学编程的八大误区！克服它！][Link 2]• [新手如何有效的刷算法题（LeetCode）][LeetCode]• [10款VS Code插件神器，第7款超级实用！][10_VS Code_7]• [在拼多多上班，是一种什么样的体验？我tm心态崩了呀！][tm]• [写给小白，从零开始拥有一个酷炫上线的网站！][Link 3]

--------------------

欢迎关注我的公众号“**五分钟学算法**”，如果喜欢，麻烦点一下“**在看**”~

![format_png 17][]

[format_png]: /images/20230312/75dd2e4c34d442aa82db1bbbd356f4c6.png
[format_png 1]: /images/20230312/411657c382664637b2758eed6481bbdb.png
[format_png 2]: /images/20230312/587daaf87e904ffca05c431066c98b46.png
[format_png 3]: /images/20230312/a53884d3819542b4a6c0c4683a7ec8c5.png
[format_png 4]: /images/20230312/42fe45b1c36d4c71b72642584006d832.png
[format_png 5]: /images/20230312/2b643b0810df4647a0cefe4ad9d10dbe.png
[format_png 6]: /images/20230312/511d6561c1a744a3bb8860e968229137.png
[format_png 7]: /images/20230312/8d3ea8773e5840f99f1cf6ab0bfeb37a.png
[format_png 8]: /images/20230312/9a7ab541de4e461ca28e52eb6cab0127.png
[format_png 9]: /images/20230312/0fca6824b61a4ad6818bf83602de9872.png
[format_png 10]: /images/20230312/ff3e684db75a44dc8e7e04d5ad19ad4f.png
[format_png 11]: /images/20230312/b29ba0efca6541119b2b5b6f6c4b9bc0.png
[format_png 12]: /images/20230312/2f2ddca45b5d4f76b3b0aa4d08f2cc91.png
[format_png 13]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9MRUZjcGZ4cmJxN0lLaWN2ekJ4eWM5bzVJdEl5cHZZREJRdDFFWVFhMTFma2ljOG1wakdaWmljaHJrNFZoaWFzTUtjSFpNNm1mc2JiZHkzWGlidTNrVDRIVnV3LzY0MA?x-oss-process=image/format,png
[format_png 14]: /images/20230312/79900c91243742b787ed98fa6bc6316a.png
[format_png 15]: /images/20230312/d4e67a80c22942028ff5e4e5013e1b62.png
[format_png 16]: /images/20230312/4ca460caf99e44938ec15da03f7d98fb.png
[C]: https://blog.csdn.net/kexuanxiu1163/article/details/105897849
[Link 1]: https://blog.csdn.net/kexuanxiu1163/article/details/105911378
[Link 2]: https://blog.csdn.net/kexuanxiu1163/article/details/105742893
[LeetCode]: https://blog.csdn.net/kexuanxiu1163/article/details/105742896
[10_VS Code_7]: https://blog.csdn.net/kexuanxiu1163/article/details/105721292
[tm]: https://blog.csdn.net/kexuanxiu1163/article/details/105697118
[Link 3]: https://blog.csdn.net/kexuanxiu1163/article/details/105648532
[format_png 17]: /images/20230312/47a07287d03b4d29ae5104ced0411767.png