Github+PicGo+Jsdelivr 创建个人图床

前言

图床相信经常写东西而且文章图文并茂的朋友多多少少都接触过

公共图床服务要不就是备案麻烦,要不就是免费不稳定

本文就是关于如何利用 Github+Jsdelivr 创建免费、大容量、高速的个人图床,并且利用 vscode+PicGo 实现图片自动上传

创建 GitHub 仓库

20200925204037

仓库名随意

生成 Token

  1. 点击个人设置
    20200926180107
  2. 点击开发者设置
    20200926180238
  3. 点击个人令牌
    20200926180349
  4. 创建令牌
    20200926180428
  5. 保存命令
    20200926180540

配置 PicGo

vocode 安装 PicGo

扩展搜索 picgo

20200926180638

配置

打开 vscode 设置

20200926180821

点开 扩展 => PicGo

20200926181037

具体配置:

20200926181331

  1. 选择 github
  2. 一般选择 master,如果不需要发布到其他分支不要更改
  3. 存入 vscode 的链接地址
    • 使用 jsdelivr:https://cdn.jsdelivr.net/gh/红框5处内容
    • 使用 rawgithubcontent:https://raw.githubusercontent.com/红框5处内容/红框2处内容
  4. 存入 GitHub 仓库的子文件夹,可为空
  5. 仓库名,格式为 用户名/仓库名
  6. 之前生成的 Github Token

使用中的问题

描述:jsdelivr 无法加速,显示 Package size exceeded the configured limit of 50 MB

问题原因:jsdelivr 对每一个 release 限制加速 50MB

解决方案:

  1. 进入仓库
  2. 创建 release
    20200926182953
  3. 创建 master 版本
    20200926183104
  4. 修改 PicGo 设置 Custom Url
    在最后面添加 @master 指定版本号
  5. 修改被拒绝显示的链接,在仓库名后面添加 @master。之前 jsdelivr 加速成功的链接不受影响