使用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/分支名/
如下:


成功解决这个地址问题~