typora绑定github博客_多亏了这几款软件,我才能坚持写博客这么多年!

以下文章来源于程序通事,作者楼下小黑哥


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

  • 写作前
  • 写作中
  • 写作后

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

写作前

trello

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

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

65865181-7b17-eb11-8da9-e4434bdf6706.png

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

6a865181-7b17-eb11-8da9-e4434bdf6706.png

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

6c865181-7b17-eb11-8da9-e4434bdf6706.png

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

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


写作中

typora+iPic+坚果云

markdown 编辑器:typora,下载地址:https://typora.io/

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

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

Windows系统上有PicGo,功能类似iPic

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

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

6d865181-7b17-eb11-8da9-e4434bdf6706.png

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

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

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

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

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

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

iPic Mover

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

6e865181-7b17-eb11-8da9-e4434bdf6706.png

画图工具

官网地址:

https://www.processon.com/

http://draw.io/

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

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

6f865181-7b17-eb11-8da9-e4434bdf6706.png

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

70865181-7b17-eb11-8da9-e4434bdf6706.png

箭头属性选择 comic(手绘)

72865181-7b17-eb11-8da9-e4434bdf6706.png

以及最后字体选择

74865181-7b17-eb11-8da9-e4434bdf6706.png

代码图片生成器

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

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

79865181-7b17-eb11-8da9-e4434bdf6706.png

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

小技巧

自动空格

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

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

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

7a865181-7b17-eb11-8da9-e4434bdf6706.png

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

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

7d865181-7b17-eb11-8da9-e4434bdf6706.png

直角引号

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

7e865181-7b17-eb11-8da9-e4434bdf6706.png

7f865181-7b17-eb11-8da9-e4434bdf6706.png

写作后

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

微信公众号

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

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

官网地址:

http://md.aclickall.com/

https://mdnice.com/

80865181-7b17-eb11-8da9-e4434bdf6706.png
http://md.aclickall.com/

81865181-7b17-eb11-8da9-e4434bdf6706.png
https://mdnice.com/

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

其他博客平台

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

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

官网地址:https://github.com/ystcode/BlogHelper

最后说一句

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值