Typora[MarkDown编辑器]+(PicGo+Github+JsDelivr)[个人图床] ,开启你的高效创作

使用Typora搭配Picgo开启你的高效创作

0x00 一切都要从MarkDown说起

富文本语言的弊端

平常我们最常用的写作工具,无非是富文本编辑器中的代表——微软家的Office Word。这种编辑器简单、直观,操作方便,很受办公人员的喜欢。但是如果我们是做公众号的,是要在网上发文章的。那么它的弊端就出现了。

  • 首先是排版问题;
    我们在本地的word上编辑的好好的,排版的好好的。但是直接粘到网上,发布文章。打开一看,全乱了。😭我们好要花费时间去排版。这有多痛苦想必有些公众号运营者深有体会。
  • 其次是,创造效率问题。
    我们使用富文本语言,每写完一段话,每插入一张图片,都要考虑它的字号,字体啊,图片的大小啊,格式。这使我们很难专注起来。

初识MarkDown

一次偶然的机会,我见到了她,并从此喜欢上了她!😍

Markdown是一种轻量级标记语言,创始人为约翰·格鲁伯。它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的HTML文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。

引自维基百科

当我们使用 Markdown 编辑器时,只需要专注内容的输出,无需离开键盘即可完成所有操作。这样效率不知提高了多少个档次。

而且,MarkDown排版十分方便,它可以让你的文章脉络清晰,简约易读,富有美感。而且语法简单到让你爱不释手。让你写文章离不开Markdown那种。😘

0x01 Typora 一款简约且有颜值的MarkDown编辑器

一款好的MarkDown编辑器可以说是让你事半功倍。目前,Markdown编辑器也有很多,包括线上的还有客户端。但是要么收费,要么广告乱天飞。用的很难受可以这么说。但是,当我怀着实验的心思去尝试Typora时,我发现我又爱了,Typora的界面简直太奈斯了趴。

Typora是一款简约有强大的Markdown编辑器,它完全能够让丝毫不懂Markdown语法的人也能快速上手。而且,它的诸多特性,做的也不错,我很喜欢。

image-20200308200926035

0x02 Picgo 打造属于你自己的图床

写博客最头疼的就是图片的问题,特别是像在其他平台上也能发布的博文。我们需要分别不同的平台上上传图片。这样甚是麻烦,枯燥且浪费时间。那么怎么解决呢?

图床,一个把图片存在云端,并生成直链的工具。我们在各个平台中都可引用。这样我们的文章就可以方便的发布到不同的平台了。如果是个人服务器的话。还能有效减轻服务器负载,提升我们博文的响应速度。

那么问题又来了?

如何找一个稳定,可靠的平台呢。

因为,图床一挂,我们的博文里的图片也相当于全挂了。所以图床的选择至关重要。

早些年,微博图床很火,但现在却不行了,人家已经加了防盗链,基本凉凉。

七牛云的10G免费存储,一个月试用的临时域名。但一个月过后,要想继续使用,需要自己绑域名。所以,喜欢白嫖的我们果断放弃。

那我们怎么搭建属于自己的专有图床呢?

这时候我们想到了Github,免费的代码仓库。

下面是我的搭建过程,主要利用的PicCo这一款软件。

准备阶段

  1. 一个Github账号
    用一个邮箱即可注册,这个就不用教了吧。
  2. 下载PicGo软件
    GitHub项目地址
    PicGo官方文档

搭建过程

1.新建仓库并发布

image-20200308200507083

点击新建仓库,接着参照下图图示;

image-20200308200715656

然后点击发行

image-20200308192542154

创建一个新的发行版本

image-20200308201210933

填写发布的信息

image-20200308201356910

2.获取Token

image-20200308201559922

找到Develop Setting

image-20200308201708742

进去之后

image-20200308201950156

接着生成新的token

image-20200308202022468

中间可能需要密码。下图画框的必选

image-20200308202215269

会生成这样的一个token

image-20200308202313834

因为只出现一次,所以我们复制下来。

3.配置PicGo

image-20200308202528754

仓库名格式为:GitHub用户名/刚刚见的仓库的名字

分支名为默认:master

token:直接粘贴上刚刚复制的token

存储路径:随便写,记得最后加上\

自定义域名:我们利用jsDelivr – Open Source CDN来引用,以加快访问速度
所以填成:

https://cdn.jsdelivr.net/gh/GitHub用户名/刚刚建立的仓库

配置完之后我们就可以上传了

image-20200308231902792

图床速度测评

我们分别在不同的图床,上传相同的图片在相同的网络条件下进行对比。

Github图床

测试图片:[图片链接](https://cdn.jsdelivr.net/gh/c1ata/imgbed2020/img/a (3).png)

image-20200308234311716

Gitee图床

测试图片:图片链接

image-20200309000001523

博客园

测试图片:图片链接

image-20200308233458459

CSDN

测试图片:图片链接

image-20200308234210731

sm.ms图床

测试图片:图片链接

image-20200308234710028

掘金图床

测试图片:图片链接

image-20200308234951511

氧吧

测试图片:图片链接

image-20200308235321202

聚合图床

测试图片:图片链接

image-20200308235539749

总结

PicGo+Github+jsDelivr的速度是很不错的。响应速度CSDN差别不大。而且,GitHub不倒,jsDelivr不倒,那么我们的图床也不倒。所以说,还是十分的稳定。

0x03 Typora 配合PicGo 自动上传图片

Typora支持我们直接粘贴图片到文章中,可以说是要多方便有多方便。而且图片可以自动备份到指定文件夹下。多了一层保险。在最新版本中,Typora加入了文件上传功能,我们的图片可以自动上传到云端。并把本地文件的路径替换成直链。这简直是一步到位啊。

image-20200309001217139

我们设置文件上传的功能后,可以测试是否成功。

成功之后,我们对粘贴进入文章的图片可以右键,点击上传。

image-20200309001716582

上传后本地路径即转化为了图片直链。

image-20200309001839378

如果害怕麻烦的话,可以写完之后,一块上传。

image-20200309002117688

0x04 总结

至此,我们的高效创作工具,就基本完成了。

写文档用Typora,截图用ShareX;

图床用PicGo+Github+JsDelivr;

把Typora和PicGo结合起来,我们只用在Typora上操作了。

这样,效率提高了几倍呢?😁

posted @ 2020-03-09 10:26  清雨无尘  阅读(424)  评论(3编辑  收藏