使用图床可以节省本地服务器空间,加快图片打开速度,对于写博客或者一些网站使用很有必要,本次介绍的是PicGo的使用。

  1. 下载PicGo并安装;

  2. 生成Githubtoken

步骤如下:

  • 点击个人中心,选择Settings,打开个人设置页面;

  • 在个人设置页面选择Developer Settings

github-developer-settings.png
  • 进入Developer settings页后,点击Personal access tokens打开新的页面后,并点击右边的Generate new token 生成token
image-20200413170324831.png
  • 在生成token页面,勾选repo
image-20200413170138935.png
  1. 创建公共仓库,用来存放相关资源图片

​ 在github上创建一个仓库,用来存放一些资源

image-20200413172848852.png
  1. 在PicGo中配置github图床相关信息
  • 打开PicGo 后,先安装一个插件github-plus,该插件是用来将图片上传到giteegithub上,比自带的github图床方便(自带的没有办法删除远程记录)

  • 安装完成后,插件配置:

    picgo-logo.png

    ① 处是需要存放图片的仓库,格式为 github用户名/ 仓库名;

    ② 处是存放图片路径的仓库下的分支,默认master分支;

    ③ token 为第二步骤上生成的github token

    ④ 远程仓库存放图片的的路径,可自定义,可不填;

    ⑤ 自定义的图片路径,由于我使用了jsDelivr来实现github的cdn缓存,所以设置了此路径,如果不需要可不填;

    jsDelivr路径规则: https://cdn.jsdelivr.net/gh/用户名/仓库名@版本号,我这边版本号设置的是latest表示获取最新资源。

    ⑥ origin 表示 仓库可以是gitee或github,根据前面的步骤,此处只能是github;

    ⑦ 将其设置为默认图床

** 注意事项**

  • 如果仓库需要设置自定义域名,需要将我们的资源提交到一个gh-pages分区

  • 如果你的自定义域名配置dns区分了境外和国内,那么就需要注意,访问该仓库可能会出现404的情况

    解决办法:

    • 创建一条新的cname解析,添加一个二级域名即可