用Github配置MarkDown图床

Markdown的语法简单，可以通过符号语言简单地实现，方便使用。支持Markdown语法的工具很多，其中有Typora，MacDown，有道云笔记等。各大博文网站基本支持Markdown语法的文档编写。

文档编写少不了图片，无图不成文。MarkDown语法中的图片是使用Url的方式展现，这样就要求图片有一个网络地址。类似的图床比如新浪图床、七牛云、腾讯云、阿里云等。

1、首先，MarkDownde的编辑工具，推荐使用： Typora

Typora — a markdown editor, markdown reader.

2、打开 Typora 后，就可以开始编辑文章了！文字的编写遵循相应的语法规则。

在编辑文章的时候，它支持截图再粘贴图片到文本中，这个功能很好用！还支持直接拖拽图片到文档里，编辑文章的方式非常的轻量，简洁！

如果没有配置图床地址的话，修改下设置，将图片存储到指定位置（文件—偏好设置—图像中）。

如果要把写的文档发布到网络，那么文档中的图片就需要挨个上传，无法一键发布。为了解决这个问题，可以使用 图床功能 ！

当使用了图床功能后，我们在截图或者拖拽图片到文档中的时候，图片会自动上传到图床上，这样可以方便我们后续将文章顺利发送到网上。

这里需要用到 PicGo 工具:

Releases · Molunerfinn/PicGo · GitHub

免费搭建个人图床工具PicGo，支持Windows、MacOS 和 Linux，

软件目前覆盖的图床有：七牛图床、腾讯云COS、又拍云图床、GitHub图床、SM.MS图床、阿里云OSS、Imgur图床等

PicGo的配置手册 使用指南

使用PicGo搭配Github图床

Jsdeiver

验证图片上传选项，成功后配置就完成了。

PS：当然上传的图片都是公开的，所以请勿将私有的图片使用它来上传。

至此，便可通过 Typora 的图床配置完成，我们只要在 编辑的文档中粘贴图片 ，就能够自动上传到 github图床 ，可以优雅的编写文档了。然后我们把这篇文章复制到网上的各个平台的时候，就可以自动配置图片了，不用手动上传了。

1、Github 图床载体，创建项目，获取用户Token

2、PicGo 图片上传工具，将Github信息配置到PicGo中，实现图片上传功能

3、Typora 文档编辑工具，关联PicGo,实现文档编辑时的图片实时上传

对于有强迫症的人而言，管理图片是令人很烦恼的事情。放在自己的服务器，是不可靠的，而且加载速度慢。第三方图床分为免费与付费，免费的首选新浪图床，加载速度很快，但毕竟是免费的，保不准哪天来个防盗链就全都一锅端了...

此外，免费的图床工具不支持通过修改图片url参数改变图片大小，由于这是我所必须的功能，我的个人网站需要对同一张图片进行不同尺寸的展示。只能选择付费图床，综合考量后，选择了七牛图床，原因无他：每月有10G的免费流量，访问量不大的情况下，完全够用了。

注册账号后，新建 对象存储

一路按提示 *** 作，然后上传一张图片，测试能否正常访问，再绑定自己的域名，为了防止被刷，建议在 融合cdn-域名管理 开启防盗链

七牛云支持通过url参数对图片进行裁剪，如，在url后面加上 ?imageView2/1/w/300/h/193/q/85|imageslim ，表示将图片按宽300，高193，质量85%的方式裁剪

有这个功能，极大地解放了前端的工作量

如果没有一个强大的图床客户端，那么使用第三方图床也并不方便。幸好mac下有 iPic 这个神器。可以直接复制图片，一键上传并生成相应的图片链接。

图片链接还可以选择markdown格式，使用起来简直不要太舒服

iPic免费版只支持新浪图床，付费版即可解锁所有图床，收费也不贵，每月6元。按年订制是60元，这么优秀的软件，可以解放很多时间，自然值得为之付费

写博客就肯定会遇到插入图片的情况，我之前的做法是先在 Boostnote 这种Markdown编辑器里面写个草稿，如果有图片就附上图片，然后再粘到的web端。当然图片也需要另拖，会生成一个的图片链接，相当于把作为图床，然后我再把排好版的文章发布到自己的博客。。。

当然是很麻烦的方式，这种写法持续了大半年之后，开始寻找更高效的写博客的方式。首先客户端，最终选了MWeb。然后是要解决麻烦的图床问题，因为MWeb内嵌了七牛云图传服务，所以申请了七牛云账号，用了一段时间感觉真是如丝般顺滑。

直到我收到了这个：

在七牛云上申请的只是测试域名服务，只有一个月的有效期。如果想继续使用就需要绑定自己的域名，而且这个域名还需要备案。

于是我在腾讯云上注册了两年的 zhangferry.com 这个域名。填写资料时，我看到系统提示域名要进行备案，备案过程中又发现，要有绑定腾讯云服务才能进行备案。？？我只是要域名并不需要云服务啊。隐约感觉好像被下套了，需要解决的问题一个套一个。我还怀着侥幸的心理看了下腾讯云服务的价格，用不起用不起。。。

看到提示说如果不备案域名，三个月后会被回收，有点慌。询问客服之后得知，服务器在国内且没有备案的情况下才会被回收，因为我的博客是搭在Github上的，所以可以不备案，松了一口气，域名保住了。但是，不备案七牛云又不干了，what f。。。

纠结一段时间之后我只能放弃七牛云，寻找其他的图床服务，知乎上有一个总结比较全的文章 盘点一下免费好用的图床 。原来是有很多免费服务的，感觉找到了解决方案。但是，又是一个但是，图床这个东西，免费就意味着不稳定，万一哪天挂了，图片就都丢了。最后文末有总结： 如果打算长期稳定使用请优先选择又拍云或者七牛云，如果是存储并不重要的图片可以使用免费不限大小的SM.MS图床 。

再结合我对图床的需求：免费+稳定。 SM.MS 好像是最接近的方案了，虽然SM.MS知名度不算低，但是我还是有点担心它的稳定性。

再继续找，找到了这个 PicGo ，一个图床管理工具，顺着PicGo（v2.0.3）我找到了Github作为图床这一方案。Github，对啊，我直接就确认了这种方案。虽然有人说Github图片国内访问会慢一些，但是它肯定能保证数据的稳定性啊。这样图床工具和图床服务都找好了，喜大普奔！

说了很多废话，终于到了这个理想图床的配置阶段了，比较简单。

用于存需要上传的图片。这个仓库最好是public的，因为private的仓库，图片链接会带token，这个token又存在过期的问题。

在Github的 Developer setting 界面生一个token。记得保存，因为它只会显示一次。

根据图示：

使用也很方便，PicGo有两种方式：

屏幕截图

截取图片之后，图片会出现在PicGo的待上传列表里面。我们手动点一下会触发上传，上传成功之后，剪贴板会有对应markdown格式的图片文本，直接粘贴可以使用。

固定图片

我们需要将需要使用的图片拖到PicGo的客户端内手动上传，上传成功之后，会自动复制成markdown文本，可以直接粘贴使用。

终于搞定了，撒花！

---