VScode+PicGo+Github+jsDelivr搭建稳定快速高效图床

前言

所谓图床，就是将图片储存到第三方静态资源库中，其返回给你一个URL进行获取图片。Markdown支持使用URL的方式显示图片

*使用Typora这款markdown编辑器时，导入的图片是本地链接，在进行资源共享时，就会出现图片无法显示问题，为了将相对路径转为绝对路径，就必须要使用对象存储的功能。
*使用VScode上写Markdown博客，也是非常方便，不过vscode需要自己搭建图床，但是只要你使用了vscode插件picgo，然后花10分钟配置一下github免费图床，就可以用快捷键快速插入图片了

新建GitHub仓库

新建一个仓库，填写好仓库名，将权限设置成public或private，根据需求选择是否为仓库初始化一个README.md描述文件

生成一个Token

点击用户头像->选择Settings
点击Developersettings
点击Personalaccesstokens
点击Generatenewtoken
填写Token描述，勾选repo，然后点击Generatetoken生成一个Token
获取Token密钥
注意：这个Token只会显示一次，自己先保存下来，或者等后面配置好PicGo后再关闭此网页

配置PicGo

选择图床：GitHub
设定仓库名（Repo）：用户名/图床仓库名
设定分支名（Branch）：main
设定Token：粘贴之前生成的Token
指定存储路径（Path）：填写想要储存的路径，如blog/，所有通过插件上传的图片都在图床仓库中的blog文件夹下（后面的/必须加上，不然blog就是上传后的图片名前缀）
设定自定义域名（CustomUrl）：它的的作用是，在图片上传后，PicGo会按照自定义域名上传的图片名的方式生成访问链接，放到粘贴板上，因为我们要使用jsDelivr加速访问，所以可以设置为：
https://cdn.jsdelivr.net/gh/用户名/仓库名@main
配置好PicGo后，配合Picgo插件快捷键使用
从剪贴板上传图像Ctrl+Alt+U
从资源管理器上传图像Ctrl+Alt+E
从输入框上传图像Ctrl+Alt+O
此外PicGo客户端还有相册功能，可以对已上传的图片进行删除，修改链接等快捷操作，PicGo还可以生成不同格式的链接、支持批量上传、快捷键上传、自定义链接格式、上传前重命名等，更多功能自己去探索吧！