从零开始免费搭建自己的博客(五)——Typora + PicGo + GitHub/Gitee图床

​ 本文是博客搭建系列文章第五篇，其他文章链接：

1. 从零开始免费搭建自己的博客(一)——本地搭建 Hexo 框架
2. 从零开始免费搭建自己的博客(二)——基于 GitHub pages 建站
3. 从零开始免费搭建自己的博客(三)——基于 Gitee pages 建站
4. 从零开始免费搭建自己的博客(四)——编写Markdown文章利器 Typora
5. 从零开始免费搭建自己的博客(五)——Typora + PicGo + GitHub/Gitee图床
6. 从零开始免费搭建自己的博客(六)——三个站点一键发布博客
7. 从零开始免费搭建自己的博客(七)——迁移 CSDN 博客到个人博客站点
8. 从零开始免费搭建自己的博客(八)——博客网站个性化设置及优化

---

前言

前面我们搭建好了博客，选择了 Typora 作为创作软件，但是现在一篇博客从写完到发布到网站还是有许多步骤要手动处理，比如处理图片路径，发布更新等。写博客已经很耗费时间了，我们肯定不希望花费大量时间在部署上，毕竟使用 CSDN 等平台写博客时只需一键就可以发布博客，所以有必要把一些重复工作自动化，提升自己的创作体验。接下来两篇文章就做这件事情，首先是完成图床的搭建，然后是通过脚本一键发布博客。

本篇文章先介绍怎么搭建自己的免费图床。我尝试了各种组合方案，最终选用了最方便的 Typora + PicGo + GitHub + jsDelivr CDN加速的方案。不过既然前面讲了使用 Gitee Pages 建站，这里也介绍一下使用 Gitee 搭建图床的方法。关于 Typora 的使用介绍见上一篇文章。

什么是图床

图床是什么？Picture bed？No ，其实是 Picture host，即提供外链访问的图片存储服务器（看了《西部世界》，见到 “host” 最先想到的竟是“接待员” -.-）。通俗讲就是你把图片上传到一个图床提供者的图片服务器上，它会生成一个存储链接，你就可以随时通过这个链接就下载这个图片，而且还可以把这个链接放到 html 里或者 Markdown 文件里，浏览时再由浏览器或者阅读器自动加载出来。

具体有什么用呢？对于我们的 Markdown 格式的博客而言，图片就成了一个文本，你可以把文章复制到 CSDN/简书/知乎/个人博客等地方，每次换地方不需要重新上传图片，这些网站都能根据图床链接将图片加载出来。这样一说是不是发现“图床”这个翻译还挺贴切的。

当然也有翻车的时候，有时候我们浏览网页时，发现文字都能加载出来，图片都变成了一个个的叉号，这就是因为图床挂了，网站无法根据链接加载到图片，所以图床的稳定性就很重要了。还有一个问题，就是外链大家都可以访问，那么你的图片就很容易被盗链，别人直接用你的链接就可以下载到你的高清大图，版权问题不说，如果你是使用付费图床，一般是按访问流量收费，别人在文章中直接用你的图片链接，走的都是你的流量费，不过现在的图床都提供了防盗链方案。

图床服务国内的有微博图床、聚合图床、七牛云、阿里云、腾讯云等，国外的有 imgur、imgbox、SM图床等，大都是要收费的。此外也有些免费的图床服务，但是不敢用啊，万一哪天没了。

其实我们可以利用 GitHub 的存储能力和对外开放访问的特点，将 GitHub 仓库作为图床。不但免费，而且不用担心图床挂掉，毕竟如果 GitHub 挂了，部署在 GitHub Pages 的博客网站也打不开了，还管什么图片能不能加载出来。当然也请大家合理利用资源，GitHub仓库有 1G 大小的上限。

什么是 PicGo

PicGo 是一位中国开发者基于 electron-vue 开发的用于快速上传图片并获取图片 URL 链接的开源工具，GitHub主页：PicGo，作者博客：MARKSZのBlog。

写文章需要引用图片时，我们要打开浏览器将图片上传到图床服务器，再把链接复制粘贴到文章中。这太影响效率了，能不能每次插入图片时自动把图片上传并返回链接地址呢？PicGo 便是做这件事的软件，只要配置好图床类型，就可以直接拖拽图片进行上传并自动返回图片链接，配合 Typora 还可以实现在文章中插入图片时自动上传并替换为链接内容，完全不用感知上传图片的过程。

PicGo 本体支持七牛云、腾讯云、又拍云、阿里云、SM、Imgur、GitHub这些图床，而且还支持自己扩展第三方图床的支持插件，比如就有人开发了 Gitee 的插件。更多介绍见官方文档，下载地址：PicGo

打开下载地址，选择一个版本点进去，点击下载对应的安装包安装即可。同样的，如果下载速度太慢，右键复制链接地址，粘贴到迅雷下载。

GitHub 图床

1. 新建仓库

第一步要先在 GitHub 新建一个仓库用于存储图片。

打开自己 GitHub 主页，点击New新建仓库。

Repository name填写仓库名字，Description填写仓库描述，勾选Add a README file，点击Create repository创建仓库。

2. 获取 repo tokens

这个 token 主要用于让 PicGo 有权限往我们的仓库 push 代码(图片)。

点击自己的头像，选择Settings。

选择Developer settings。

点击 Personal access tokens。然后点击Generate new token，因为是敏感操作，此时需要确认密码。

Note填写 token 用途，用于备忘。下面只需要勾选repo，只给更新仓库的权限。最后点击最下面的Generate token创建成功。

复制字符串下一步使用。注意，为了安全起见此字