GitHub+PicGo+JsDelivr 打造高效免费图床详细教程

问：为什么要使用图床呢？什么是图床？

答：写博客文章时，图片的上传和存放是一个问题，有的朋友可能会把图片放到和博客同一个仓库当中，使用相对路径来引用，这样后期维护起来会比较麻烦。还有的朋友会在不同的平台发布同一篇文章，这样一来每个平台都要上传图片，为了解决这些问题，比较推荐的做法是把图片统一上传到一个在线的第三方静态资源库中，我们把这个资源库称为图床，其返回一个图片的URL，使用markdown+图片url的方式写作文章，一次编写，到处使用。

问：图床的选择
答：推荐使用GitHub作为图床，特点是免费、稳定，有一个小缺点是国内访问速度慢，不过没关系，可以使用jsDelivr免费CDN加速。
问：jsDelivr是什么？
答：jsDelivr是国外的一家优秀的公共 CDN 服务提供商，该平台是首个「打通中国大陆与海外的免费CDN服务」，无须担心中国防火墙问题而影响使用。官网：http://www.jsdelivr.com/

视频教程：

教程开始：

1、新建GitHub仓库（注册GitHub账号，用自己邮箱注册就可以，这里不演示）

2、注意仓库要设置成公开

3、在 github 上点头像进入settings 选项。

4、点左侧最下面菜单 Developer settings , 然后到以下界面

5、点击 Tokens (classic) 生成密钥

6、在创建页面中，填写 Note 为“图床”，Expiration（过期时间）为 No expiration（永久）,也可以自定义过期时间，在下面的Select scopes（选择权限范围）如下图勾选 repo。

7、最后点击 generate token 生成令牌即可（一定要记住）

8、生成好一定要备份好密钥，一会要用到的。

配置图床：

1、下载PicGo图床软件。

PicGo开源地址：https://github.com/Molunerfinn/PicGo

2、安装和配置PicGo图床软件（一直下一步安装就可以了）

设定仓库名 – 添写 github 的 账户/仓库名
设定分支名 – 填写使用的分支，默认是 master
设定 Token – 即将上面生成的 token 填写上
设定储存路径 – 仓库下的子目录，按自己规划填写
设定自定义域名 – 选填，这里我使用了 jsdelivr cdn 加速了一下，cdn 链接格式如下

https://cdn.jsdelivr.net/gh/账户名/仓库名

至此，仓库搭建完成，可以随便截个图，使用快捷键 command/ctrl+shift+p, 来直接将剪贴板中的图片上传；上传后，会自动复制链接到剪贴板中直接使用，并且可以在相册中可以查看预览；

安装插件：

插件列表：https://github.com/PicGo/Awesome-PicGo

• compression – 上传图片之前进行压缩，默认配置即可；
• gitHub-plus – 在相册中删除图片可以同步到 github；
• webp – 上传前将图片转化成 .webp 格式；

安装插件也碰到很多坑，安装很久安装不了，安装失败：

• 确保本地 node 版本大于 16；
• 配置 npm 安装镜像配置成淘宝的，如下图；

到这里就算完美搞定了。