picgo配合github+JSDelivr搭建国内加速CDN图床

前言

上一期我们讲过免费国内加速图床Github+jsDelivr搭建教程—-超简单！

这里JSDelivr的优点就不讲了，并且上一次我们使用的是旧版的CDN，这次我们是用新版搭建，有数据库的那种，还讲讲配合PICGO实现不打开网页和客户端，只用快捷键就能上传图床。旧版因为不需要数据库，还是有可取之处的。

picgo简介：picgo是一个支持多家存储的图床软件，windows/mac/linux都有对应客户端，支持微博，七牛云，腾讯云COS，又拍云，GitHub，阿里云OSS，SM.MS，imgur 等，并且有丰富的插件（自动加水印，自动压缩等）和自定义快捷键。

图床github项目地址：https://github.com/yumusb/autoPicCdn

picgo的github项目地址：https://github.com/Molunerfinn/PicGo

文章结尾有picgo+github图床快捷键上传github演示

搭建github图床

前期准备

1.github账号你需要有吧，怎么注册我这里就不说了，百度就行。

2. 通过https://github.com/new创建新项目，记得设置为公开！

3. 通过https://github.com/settings/tokens有写权限的Token
记得在REPO和write:packages和read:packages都勾选上

然后滑到底部点击”Generate token”按钮

Token只显示一遍，注意保存好

服务器/虚拟主机操作

1. 在github原项目地址进去，下载ZIP包，解压到网站环境。

2. 新建一个mysql数据库，虚拟主机或者VPS都能创建数据库（新版github图床项目必须使用数据库，旧版不需要）

3.在”up.php”中填写所需变量

并且在填写完上面的变量后下拉一下，找到下面几行

$database = array(
'dbname' => 'pic',
'host' => 'localhost',
'port' => 3306,
'user' => 'pic',
'pass' => '123456',
);
$table = 'remote_imgs'; //表名字

'dbname' => 'pic',
这个是数据库名，改成自己的。
'host' => 'localhost',
这是数据库地址，默认localhost就是本机。这里不用改。
'port' => 3306,
这是数据库连接端口，默认不用改。
'user' => 'pic',
这是数据库用户名，改成自己的。
'pass' => '123456',
这是数据库密码，改成自己的。

4. 将第一步中解压到网站环境的pic.sql这个文件导入你的数据库。
然后就可以使用网页版github图床了，访问你上传文件的地址。
比如我网站地址是https://www.duangvps.com，我把项目解压到了根目录下的TC目录，那样我的图床地址就是https://www.duangvps.com/TG/index.html

默认是谁都可以上传的。所以你可以把首页文件index.html改个名，或者网站访问加密码限制等等。自己发挥想象力。

github图床搭配PICGO使用

1.下载PICGO（这里下载https://github.com/Molunerfinn/PicGo/releases）

2. 打开PICGO，选择左面的插件设置，搜索web-uploader，下载。
注意，如果长时间未下载完成，去PICGO的github项目，找到问题去看一下，那是电脑缺少某些环境。

3.点击PICGO左侧的图床设置，拉到下面点击自定义WEB图床
3.1 API地址填写你网站的“up.php”地址，比如我的网站是https://www.duangvps.com，我把搭建github图床的时候压缩包解压到了网站根目录下的TG目录，那样我的API地址就是https://www.duangvps.com/TG/up.php
3.2 POST参数名填写pic JSON地址填写data.url

4. 点击确定，要是右下键现在返回一个设置成功的提示，那么就证明你搭建成功了。

5. 点击picgo左侧上传区，主界面最上面那个图片上传选择自定义WEB图床，然后就可以愉快的上传图片啦！

github图床+picgo快捷键操作视频演示