Github+PicGo+jsDelivr搭建个人图床

前言

markdown 是一门易于上手能帮助作者专心写作的文档编辑语言。而Tpyora是一款优雅的markdown编辑器。用 Tpyora 写的笔记和文章可以直接复制到 csdn、简书 、博客 等上发布，很方便。

唯一的问题就是要处理下图片！

用Typora 写文章时插入本地图片，图片是存储在本地，如果本地图片被删除或者移动位置，那么文章中的图片就无法正常显示了。把内容复制到 csdn，简书、博客等发表，都会显示不支持外部链接。解决方法就是将图片上传到图床。

图床是干什么的？图床就是一个便于在博文中插入在线图片连接的个人图片仓库。设置图床之后，在自己博客中插入的图片链接就可以随时随地在线预览了，并且不会因为任何意外原因无法查看，除非自己亲自删除。

目前图床优劣

1.微博等博客图床：以前用的人比较多，从 2019 年 4 月开始开启了防盗链，凉凉。
2.SM.MS：运营四年多了，也变得越来越慢了，到了晚上直接打不开图片，速度堪忧。
3.其他小众图床：随时有挂掉的风险。
4.Imgur等国外图床：国内访问速度太慢，随时有被墙的风险。
5.优质储存服务：例如七牛云、又拍云、腾讯云COS、阿里云OSS等，操作繁琐，又是实名认证又是域名备案的等。说真的以后网站的访问量大的话，还的买带宽等服务，按月收费，费用高。
6.GitHub 图床：免费，但是国内访问速度慢（利用 jsDelivr 提供的免费的 CDN 加速，鸡贼）

1. GitHub 仓库设置

1.1 新建 GitHub 仓库

点击 git 主页右上角的 + 创建 New repository；

填写仓库信息，例如我就创建了一个 cloudimg 的仓库。这里注意，仓库得设置为 Public ，因为后面通过客户端访问算是外部访问，因此无法访问 Private ，这样的话图片传上来之后只能存储不能显示。所以要设置为 Public 。

1.2 创建个人访问令牌 `Access Token`

此时仓库已经建立，点击右上角头像，然后进入设置；

在页面最下面找到 Developer settings ，点击进入；

创建 Token；

填 description（也是随心填），勾选复选框 repo ，接着到页面底部 Generate token 就完成了；

然后复制生成一串字符 token，这个 token 只出现一次，所以要保存一下（我一般记在微信收藏）。

2. PicGo 客户端配置

2.1 下载&安装

PicGo （目前 2.3.0-beta.3）是一个开源的图床工具，非常优秀。可以到 git 上下载，但下载速度太慢，所以我放了一个Yandex Disk的链接，速度快很多。
Git地址：PicGo
Win版下载链接：Yandex Disk

2.2 配置

点击PicGo配置，选择我们要用的GitHub图床：

GitHub设置

设定仓库名：GitHub上对应的图床的仓库名，需要注意，仓库名不能有空格
设定分支名：默认 master
设定Token：之前申请过的 token 粘贴上去
指定存储路径：图片在cloudimg存储库下的存储路径（我想把上传上来的图片存储在data文件夹里面，这里就填data/）
设定自定义域名：
不使用jsDelivr：~~https://raw.githubusercontent.com/[Github_username]/[仓库名]/master~~
使用jsDelivr后：https://cdn.jsdelivr.net/gh/[Github_username]/仓库名@master

3. PicGo 使用说明

(1) 上传图片

(2) 上传完图片可以在相册中查看上传的图片（当然在github的cloudimg存储库中，也可以查看）

(3) 点击复制图片的访问地址，就可以直接在 Markdown 编辑器中使用了。

(4) 图片重新命名
在相册中，选择图片点击修改按钮，可以修改图片的名称。

(5) 工具默认上传前不做重命名，如果需要在上传前重新命名，我们可以到 PicGo设置中进行设置，把上传前重命名开关打开即可

(6) 修改上传快捷键