Author: Muscle 2022-06-01 08:06:25 PicGo上传GitHub的自定义图床

建立一个GitHub的仓库作为图床,在编写markdown的时候通过插件快速导入,减少图片上传的步骤。

准备工具

1. VsCode

2. PicGo插件

3. GitHub

实现步骤

1.新建一个GitHub仓库作为图床

20210531220724

2.获取token

1)点击右上角的头像,选择 设置

20210531221105

2)进入 开发者设置 页面

20210531221320

3)选择 私人账户Token >> 生成新的token

20210531221845

4)设置token

20210531222229

5)复制生成的token

注意这个token只会出现一次,所以一定要保存好。

20210531222708

3.设置PicGo

20210531223846

Current设置为GitHub

Branch是仓库的分支,默认为master

Custom Url 是我们图片上传的链接,有两种方式可以使用

  1. 原生方式
    使用GitHub原生连接,格式为
1
https://raw.githubusercontent.com/[用户名]/[仓库名]/[分支名]

我的例子

1
https://raw.githubusercontent.com/zhangmengweimuscle/images

原生方式有一个弊端就是,国内速度比较慢
2. cdn加速方式,格式为

1
https://cdn.jsdelivr.net/gh/[用户名]/[仓库名]@[分支名]

我的例子

1
https://cdn.jsdelivr.net/zhangmengweimuscle/images

cdn加速的优点是国内访问速度比较快

Path是我们的图片存储在仓库中的路径,比如我的是img/

Repo是我们的仓库,比如我的是zhangmengweimuscle/images

20210531224843

4.使用快捷键

20210531225440

5.运行测试

Ctrl+Alt+E

20210531225801

src=http___5b0988e595225.cdn.sohucs.com_images_20171221_5798f3583b714072b8eebc440977485c.jpeg&refer=http___5b0988e595225.cdn.sohucs

右下角开始上传
20210531225856

显示上传成功
20210531225935

查看上传结果
20210531230133
预览文章,我们发现图片已经出现了。

返回顶部