PicGo+jsDelivr+GitHub搭建免费图床,Typora使用图床

Github配置

首先,创建一个GitHub账号

然后添加一个仓库

image-20201122224130915

image-20201122224954815

创建完后点头像Setting

image-20201122225137600

然后点击Developer settings

image-20201122225451304

然后点击Personal access tokens

image-20201122225540312

点击Generate new token

image-20201122225847303

创建一个token

起个名字

勾选repo即可,当然也可以全勾选上

image-20201122230437466

image-20201122230946737

image-20201122231214751

PicGo配置

项目地址:Molunerfinn/PicGo: A simple & beautiful tool for pictures uploading built by vue-cli-electron-builder (github.com)

项目使用文档:快速上手 | PicGo

PicGo.exe的安装包链接://share.weiyun.com/VfeEM4EC 密码:e5iv76

使用方法:

image-20201122232242059

关于设定分支名,之前我一直写的master,因为默认应该就是这个,但是我的GitHub默认不是

查看自己的分支名方法:打开你创建的仓库

image-20201122232607702

jsDelivr配置

jsDelivr – A free, fast, and reliable CDN for open source

image-20201122233441228

在PicGo中,设定自定义域名填写:

//cdn.jsdelivr.net/gh/用户名/仓库名@分支名

然后就可以cdn加速GitHub的图片了

PicTo上传图片

image-20201122233857468

上传后可以选择链接格式,

URL格式://cdn.jsdelivr.net/gh/yanhua-tj/ImgPicGo@main/img/20201121194112.png
md格式:![20201121194112](//cdn.jsdelivr.net/gh/yanhua-tj/ImgPicGo@main/img/20201121194112.png)

20201121194112

设置建议开启这两个:

image-20201122233935865

插件建议安装这一个,增强的Github上传功能,可以同步删除仓库的图片

安装插件好像需要Node.js环境

image-20201122233954907

Typora使用图床的配置

image-20201122234553921

然后在Typora中写markdown时就可以直接复制图片进来,然后PicGo就会弹出上传图片,返回一个图片URL