原创

Github+jsDelivr+PicGo实现免费图床


废话不多说,直接上教程!

1.GitHub新建仓库

登录GitHub,新建仓库并填写相关内容

github1

github2


2.生成TOKEN

点击右上角用户头像,依次选择 Settings > Developer settings > Personal access tokens > Generate new token,填写相关内容并勾选repo,点击下方Generate token生成Token,注意Token只会显示一次,妥善保存:

github3

github4

github6

github7


3.配置PicGo

PicGo下载地址:https://github.com/Molunerfinn/picgo/releases

打开PicGo,在图床设置目录中选择GitHub,填写相关配置项:

picgo1

  • 设定仓库名:按照用户名 / 图床仓库名的格式填写
  • 设定分支名:master
  • 设定Token:之前生成的Token
  • 指定存储路径:填写储存路径,如BLOG-IMG/,上传的图片将存放在自动创建的BLOG-IMG文件夹下
  • 设定自定义域名:设定图片访问域名,PicGo会按照自定义域名+储存路径+上传图片名的方式生成访问链接,这里我们可以使用 jsDelivr 加速访问,所以设置为https://cdn.jsdelivr.net/gh/用户名/图床仓库名 ;上传成功后,我们就可以通过https://cdn.jsdelivr.net/gh/用户名/图床仓库名/图片路径加速访问我们的图片了,比如:https://cdn.jsdelivr.net/gh/leejean0512/imgHost/BLOG-IMG/picgo1.png


4.配置Typora

Typora是一款简洁又好用的Markdown编辑器,和PicGo配合使用可以在编写文章时实现图片插入或拖拽自动上传,使用起来相当方便,Typora下载地址:https://typora.io/

打开Typora,在文件>偏好设施>图像中选择上传服务为PicGo,并选择安装路径:

Typora1

至此配置完成,开始愉快的写博客吧。

正文到此结束