当前位置:   article > 正文

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

typora markdown写到github博客

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

来源:程序通事

作者:楼下小黑哥

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

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

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

写作前

trello

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

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

cf28587b-7b17-eb11-8da9-e4434bdf6706.jpeg

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

d028587b-7b17-eb11-8da9-e4434bdf6706.jpeg

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

d228587b-7b17-eb11-8da9-e4434bdf6706.jpeg

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

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

写作中

typora+iPic+坚果云

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

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

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

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

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

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

d428587b-7b17-eb11-8da9-e4434bdf6706.gif
来源于网上

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

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

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

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

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

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

iPic Mover

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

d628587b-7b17-eb11-8da9-e4434bdf6706.gif

画图工具

官网地址:

https://www.processon.com/

http://draw.io/

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

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

d828587b-7b17-eb11-8da9-e4434bdf6706.jpeg

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

d928587b-7b17-eb11-8da9-e4434bdf6706.jpeg

箭头属性选择 comic(手绘)

db28587b-7b17-eb11-8da9-e4434bdf6706.jpeg

以及最后字体选择

de28587b-7b17-eb11-8da9-e4434bdf6706.jpeg

代码图片生成器

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

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

e128587b-7b17-eb11-8da9-e4434bdf6706.jpeg
image-20200328143839226

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

小技巧

自动空格

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

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

以下为 macos 搜狗输入法相关截图,其他输入法也有类似设置。

不过,windows 没有找到类似配置。

e228587b-7b17-eb11-8da9-e4434bdf6706.jpeg

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

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

e428587b-7b17-eb11-8da9-e4434bdf6706.jpeg

直角引号

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

e628587b-7b17-eb11-8da9-e4434bdf6706.jpeg
ec28587b-7b17-eb11-8da9-e4434bdf6706.jpeg

写作后

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

微信公众号

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

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

官网地址:

http://md.aclickall.com/

https://mdnice.com/

ee28587b-7b17-eb11-8da9-e4434bdf6706.jpeg
http://md.aclickall.com/
f128587b-7b17-eb11-8da9-e4434bdf6706.jpeg
https://mdnice.com/

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

其他博客平台

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

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

官网地址:

https://github.com/ystcode/BlogHelper

最后说一句

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/270798
推荐阅读
相关标签
  

闽ICP备14008679号