QB图床白嫖艺术-github+公共CDN代理

首先说明一点，本文仅仅用于暂时将github作为临时图床的人使用。【保不齐那天github就被qiang了】😆

本文会往一下几点进行讲解：

所需软件、账号及其他工具

1. github账号：https://github.com/。这个自行注册，实在不懂那就百度，本文的精力主要用于解决图床的–%%篇幅有限，不想多码字，还请各位看官海涵%%。
2. picgo安装：一个nb的图片管理工具
3. CDN介绍：看下文

CDN介绍

参考链接：

1. https://segmentfault.com/a/1190000020239193
2. https://blog.csdn.net/qq_36759224/article/details/86936453
3. https://liubing.me/recommend-several-free-unlimited-cdns.html
4. https://fileem.com/jsdelivr-free-public-cdn-acceleration-service

CDN 的全称是 Content Delivery Network，即内容分发网络。CDN 是构建在网络之上的内容分发网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN 的关键技术主要有内容存储和分发技术。
由于某些原因，很多公用免费的 CDN 资源在中国大陆并不很好用，就算是付费的，也有一定的限制，例如每天的刷新次数有限之类的。那有没有一款造福人类的，或者造福中国大陆的公用 CDN 呢？

jsDelivr

这是在中国大陆唯一有 license 的公有 CDN，而且实际使用中的访问速度也是极快的（虽然官网打开速度慢
官网地址：https://www.jsdelivr.com 没梯子访问可能有点慢，不过CDN的节点是很快的 可以引用的资源包括NPM、github、wordpress的所有资源，github可以是任意体积小于50M的仓库。

---

以github为例，只需要通过符合 JSDelivr 规则的 URL 引用，即可直接使用 Github 中的资源。

// 用户名/仓库名@版本号/文件名
https://cdn.jsdelivr.net/gh/user/repo@version/file
// load jQuery v3.2.1
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/jquery.min.js

// 使用一个范围内的版本
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2/dist/jquery.min.js
https://cdn.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js

// 忽略版本号则默认使用最新版
// you should NOT use this in production
https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js

// 在任意JS/CSS文件后添加 .min 能得到一个缩小版
// 如果它本身不存在，我们将会为你生成
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/src/core.min.js

// 在末尾加 / 则得到目录列表
https://cdn.jsdelivr.net/gh/jquery/jquery/

详细规则参考官网：https://www.jsdelivr.com/

其他CDN

除了jsdelivr， 推荐几个免费的且不限流量的CDN，还有 staticaly githack 都是全球通用的，

staticaly

官网地址：https://www.staticaly.com
轻松地从GitHub / GitLab / Bitbucket等加载您的项目 没有流量限制或限制。
文件通过超快速全球CDN提供。 在URL（不是分支）中使用特定标记或提交哈希。
根据URL永久缓存文件。 除master分支外，文件在浏览器中缓存1年。 具体用法：

# GitHub CDN
https://cdn.staticaly.com/gh/:user/:repo/:tag/:file
https://cdn.staticaly.com/gh/growvv/growvv.github.io/master/README.md

# GitLab CDN
https://cdn.staticaly.com/gl/:user/:repo/:tag/:file

# Bitbucket CDN
https://cdn.staticaly.com/bb/:user/:repo/:tag/:file

# WordPress CDN
https://cdn.staticaly.com/wp/c/:version/wp-includes/:file  
https://cdn.staticaly.com/wp/p/:plugin_name/:version/:file  
https://cdn.staticaly.com/wp/t/:theme_name/:version/:file

# Imgpx CDN
https://cdn.staticaly.com/img/:image_url

# Favicons CDN
https://cdn.staticaly.com/favicons/:favicon_url

githack

直接从GitHub，Bitbucket或GitLab提供原始文件
官网地址：http://raw.githack.com/ 具体用法和上面的staticaly很类似

# Github CDN
//主分支
https://rawcdn.githack.com/liub1934/LB-Blog/master/wp-content/themes/Memory/emoji/xiaodianshi/baiyan.png

//版本分支
https://rawcdn.githack.com/liub1934/LB-Blog/8806f440d3f9a7cc3e6125d7d75564e40262c6a8/wp-content/themes/Memory/emoji/xiaodianshi/baiyan.png

PicGo软件的使用

点击查看更多：PicGo | PicGo

官网介绍：
我们要的就是github。

github相关

新建仓库

创建一个用来存储图片的[GitHub仓库](Create a New Repository (github.com))

创建github-token

创建一个有Repo权限的[GithubToken](Confirm access (github.com))

配置Picgo图床

按照如下步骤:

1. 打开软件：进入到图床设置-GitHub图床
2. 将如下相关信息填入
   1. 设定仓库名：用户名/仓库名
   2. 设置分支名：有需要的就设置成别的，不懂的话，直接无脑master
   3. token：就是你生成的github-token，复制进来就好了
   4. 存储路径：这个根据需求来，一定要是仓库已经存在的路径。
   5. 设置自定义域名：这个就需要选择相关的加速CDN来进行选择了，一般jsDelivr就ok了。规则如下：
      1. https://cdn.jsdelivr.net/gh/GitHub用户名/仓库名@release版本号/文件名(含目录)
      2. https://cdn.jsdelivr.net/gh/GitHub用户名/仓库名/文件名(含目录)
         master 可选择仓库的不同分支，如果像我一样仓库只有 master 的分支，@master是可以省略的
         

结果展示

以图片为例：

1. https://cdn.staticaly.com/gh/five-five0909/imageSpace@master/images/202209302101663.jpg
2. https://cdn.staticaly.com/gh/five-five0909/imageSpace@master/images/202209302104525.jpg
   这里只放代理后的图片。