MENU

Github图床配置 (Github + jsDelivr + PicGo ),及常见的坑

October 26, 2020 • Read: 315 • 作死之秀阅读设置

世界上只有一种病,就是穷病 ——《我不是药神》

近期谷歌浏览器因协议的升级,https页面内阻止加载http的链接。不幸的是我全站使用七牛云免费空间(免费的只有http)做的图片外链导致全站一片灰黑,控制台使用http链接的图片全部报Failed to load resource: net::ERR_SSL_VERSION_OR_CIPHER_MISMATCH 的错……

当然,把七牛云的图床设置https是最简单有效的办法,但是我穷,能省一分是一分。所以开始再搞个免费的图床吧,这次就拿github开干。(本篇文章的图片就用的是github的图床)

一、图床创建 Github 配置

  1. 地址:https://github.com/ ,有账号直接登录,无账号先注册(Sign up,注册过程不演示)
  2. 创建空间(仓库),如下方 New

按提示进行基础配置,如下图。

  1. 仓库创建完成后,去创建 Token。点击头像下进入settings --> Developer settings --> Personal access tokens --> Generate new token

至此Github所需要的操作已完成,注意保存图示的Token,只出现一次,再次使用需重置

二、图床创建 PicGo 配置

关于PicGo七牛云的介绍说明请参看:PicGo + 七牛云图床配置,以及常见的坑

下载安装客户端:https://github.com/Molunerfinn/picgo/releases

基础配置如下图:

填写的解释:

  • 设定仓库名:按照【Github用户名 / 图床仓库名】的格式填写
  • 设定分支名:【master】
  • 设定Token:粘贴之前生成的【Token】
  • 指定存储路径:填写想要储存的路径,如【ITRHX-PIC/】,这样就会在仓库下创建一个名为 ITRHX-PIC 的文件夹,图片将会储存在此文件夹中
  • 设定自定义域名:它的作用是,在图片上传后,PicGo会按照【自定义域名+储存路径+上传的图片名】的方式生成访问链接,放到粘贴板上,因为我们要使用 jsDelivr 加速访问,所以可以设置为【https://cdn.jsdelivr.net/gh/Github用户名/图床仓库名 】,上传完毕后,我们就可以通过【https://cdn.jsdelivr.net/gh/Github用户名/图床仓库名/图片路径】加速访问我们的图片了,比如:https://cdn.jsdelivr.net/gh/wzh15802/images/ITRHX-PIC/20201026181154.jpg

三、关于Github图床常见的坑

Github图床在使用中可能会间歇性出现上传失败的问题,提示服务端出错 ,遇到问题不要慌,多试试说不定就好了

总结几种常用的解决办法:

  • 首先检查文件名是否重复(已有同名文件),重复的话无法上传!
  • png格式的不友好,建议修改扩展名为jpg再行上传
  • 上传较为频繁,可以尝试间隔10分钟及以上再尝试上传
  • 部分人说有特殊字符或中文的问题 此条我测试上传正常,不影响,当然死马当作活马医也可以尝试改一下名称,尽量不要使用空格、特殊字符或中文命名
  • 提示上传失败很正常,你一直点上传说不定就成功了呢(我一般都这么干)
  • 终结解决方案,直接去github打开对应目录,Add file-->Upload files-->choose your files -->Commit changes手动上传(安装git的命令上传更佳)

四、Github图床优势

  • 无需担心跑路的问题,毕竟Github和jsDelivr(免费CDN)大厂没那么容易跑路
  • 无需担心容量问题
  • 无需担心https的问题(jsDelivr CDN已解决)
  • 无需担心访问速度的问题

唯一的缺点就是上边的坑比较不稳定了吧,毕竟免费我也知足了。

Last Modified: November 20, 2020
Archives QR Code Tip
QR Code for this page
Tipping QR Code