大家在搭建个人博客过程中一定使用过各式各样的图床,如SM.MS七牛云腾讯云COS阿里云OSS等等,但经常会出现链接失效、加载较慢、付费等情况,因此搭建一个稳定的个人图床至关重要,本文将介绍如何利用Github和jsDelivr搭建个人高速图床

内容参考:

欢迎阅读第3篇博客,希望你有所收获!


新建Github仓库存储图片

  1. 登录你的Github账号,右上角加号处点击选项,新建一个新的仓库
    图1
  2. 详细设置
    图2

生成Token

  1. 点击用户头像 --> 选择Settings
    图3
  2. 点击Developer settings
    图4
  3. 点击Tokens (classic) --> 点击Generate new token
    图5
  4. 填写Token描述,勾选repo然后点击Generate token生成一个Token
    图6
  5. 获取Token密钥

注意这个Token只会显示一次,需要自己先保存下,或者可以等待后面配置好PicGo后再关闭网页

配置PicGo并使用jsDelivr作为CDN加速

  1. 前往下载PicGo (点击下载) ,安装好之后开始配置图床
  2. 打开PicGo工具 --> 点击图床设置 --> 选择Github
    图7
  • 图床配置名自己设置
  • 仓库名为你的[Github账号名]/[存储图片的仓库名]
  • 分支名使用默认的main
  • Token填写之前生成的Token
  • 自定义域名填写jsDelivr的域名,https://cdn.jsdelivr.net/gh/github用户名/仓库名@main
  • 最后设置为默认图床

使用方法

  1. 点击上传图片,此时如果上述配置正确,上传的图片会同步至Github仓库内
    图8

  2. 点击相册,可以看到你的图片,点击此按钮,即可复制图片链接
    图9

  3. 你也可以指定上传后的链接格式
    图10

  4. 接下来你就可以愉快的使用GitHub+jsDelivr当作图库啦!

此外 PicGo还有相册功能,可以对已上传的图片进行删除,修改链接等快捷操作,PicGo还可以生成不同格式的链接、支持批量上传、快捷键上传、自定义链接格式、上传前重命名等,更多功能自己去探索吧!