使用Github+PicGo+Picx搭建免费好用的图床

使用Github+PicGo+Picx搭建免费好用的图床
鱼六秒此教程从「已注销」 使用Github+PicGo+Picx搭建免费好用的图床搬运过来,方便收藏,不怕某天作者的博客突然挂了导致无法参考。
搭建图床之前,首先要有一个Github帐号
Github
1、首先,创建一个仓库

2、接下来获取一个token
路径在这里:Sign in to GitHub · GitHub
选择Generate new token

最后点击最下方的Generate token,生成成功~
注:这个token后面都需要用到,并且这个token只会显示一次,需要妥善保管,如果丢失的话需要重新生成。
好了github的配置到这里结束,接下来配置Picx。
#Picx
Picx是一款基于 GitHub API 开发的具有 CDN 加速功能的图床管理工具,它免费、稳定、速度快、安全~
仓库地址:picx.github.com
网站地址:图片上传 | PicX 图床神器 (xpoet.cn)
进到网站之后点击图床配置,配置如下:

目录方式:
新建目录:手动输入一个新目录
根目录:图片存储在选择的分支的根目录下
自动目录:根据日期自动创建格式YYYYMMDD的文件夹
注:这个随意选择,后面会配置PicGo,其实这个的用处不大。
好了,接下来看看上传效果:

上传完成后,会生成两个外链:
Staticaly CDN 外链
Cloudflare CDN 外链
个人觉得 Staticaly 外链访问速度要快一点。
网站里也有对应的图床管理,这个跟github里的仓库是同步的:

好了,到这里就完成了一个有自动CDN加速功能,而且完全免费的图床了。
接下来使用PicGo,使图片上传、使用的过程更方便~
#PicGo
首先需要下载PicGo
文档地址:PicGo
下载地址:Releases · Molunerfinn/PicGo (github.com)
安好之后我的版本是这样的,是一个正式版比较稳定的:

然后我们配置一下GitHub图床,相应的配置如下:

像上面这样设置一下就可以了,可以选择设为默认图床,这样每次使用PicGo上传的图片就会保存在Github图床上。
#路径问题
最后来说下上图中的5
为了方便,我设置了上传后自动复制url

但是上传之后复制的url是这样的:https://raw.githubusercontent.com/qmcl/pic/master/img/图片.jpeg
用的是保存在github上的原始地址,我们需要用的是Picx上访问速度快的地址。
于是我比较了下上传的所有图片,确定了它们的Staticaly CDN 外链地址前缀都是一样的,把这个地址前缀设置为PicGo的自定义域名,这样上传后自动复制的url就是保存在Picx上的图片外链地址了。
Staticaly CDN 外链地址前缀:https://cdn.staticaly.com/gh/你的Github用户名/仓库名@分支名
Cloudflare CDN 外链地址前缀:https://git.poker/Github用户名/仓库名/blob/分支名/
如下:

成功解决这个地址问题~
