在VS Code中使用 Picgo + jsDelivr + Github搭建高速稳定图床

1.创建github仓库,生成token

新建github仓库

在VS Code中使用 Picgo + jsDelivr + Github搭建高速稳定图床_第1张图片

点击settings

在VS Code中使用 Picgo + jsDelivr + Github搭建高速稳定图床_第2张图片

点击developer settings

在VS Code中使用 Picgo + jsDelivr + Github搭建高速稳定图床_第3张图片

点击Personal access tokens

在VS Code中使用 Picgo + jsDelivr + Github搭建高速稳定图床_第4张图片
点击generate new token

在VS Code中使用 Picgo + jsDelivr + Github搭建高速稳定图床_第5张图片

填写名称,勾选repo

在VS Code中使用 Picgo + jsDelivr + Github搭建高速稳定图床_第6张图片

划到底部点击generate  token,生成新token

在VS Code中使用 Picgo + jsDelivr + Github搭建高速稳定图床_第7张图片

保存好这个token,一会要用。

2.vs code中安装与配置picgo

在vs code扩展中安装picgo,打开扩展设置

在VS Code中使用 Picgo + jsDelivr + Github搭建高速稳定图床_第8张图片

具体设置如下图:

第一项选择 :github

第二项填写分支: master

第三项:CDN加速链接的设置,要替换为你的用户名和仓库名

jsDeliver是免费CDN,放在Github的资源在国内加载速度比较慢,因此需要使用CDN加速来优化网站打开速度,jsDeliver + Github便是免费且好用的CDN,非常适合博客网站使用。

它的使用方法:https://cdn.jsdelivr.net/gh/你的github用户名/你的仓库名@发布的版本号

比如:https://cdn.jsdelivr.net/gh/luckykang/picture_bed

 第四项:图片在仓库的存储文件夹,可自定义

第五项:github用户名和仓库名

第六项:填写前面保存的token

在VS Code中使用 Picgo + jsDelivr + Github搭建高速稳定图床_第9张图片

3.使用picgo上传图片

上传图片

打开vs code,在文件中 ctrl + alt + e,打开文件夹选择图片上传,

上传完成可以看到下图

在VS Code中使用 Picgo + jsDelivr + Github搭建高速稳定图床_第10张图片

打开github仓库,可以看到图片已经上传成功

在VS Code中使用 Picgo + jsDelivr + Github搭建高速稳定图床_第11张图片

此时在文件中已经自动生成了链接

在VS Code中使用 Picgo + jsDelivr + Github搭建高速稳定图床_第12张图片

快捷键

在VS Code中使用 Picgo + jsDelivr + Github搭建高速稳定图床_第13张图片

 

 

 

 

 

你可能感兴趣的:(开发工具)