经过jsDelivr ＋ github 搭建一个简易图床

应用场景:

在大型项目里须要不少图片时，不会直接把图片存储在项目文件夹里，也不推荐直接用数据库存储，而是用第三方存储，cdn，也能够本身搭个存储图片的服务器，等等方式，若是时本身练练手，作作博客，写写小项目，就能够用 jsDelivr + github 的方式把图片先存储在github的仓库里，而后再用jsDelivr的git连接调用图片便可，很方便，固然，若是有条件可使用其余更好的方式。

步骤：

github:

github仓库的建立:

没有github帐号的先注册一个github帐号，登陆进去后，直接点击左上角的猫头，进入图中界面，点击new。

 

进到新建仓库界面后

Repository name 填写你给这个仓库取的名字

Description 说明（可不填写）

Public 是仓库的访问权限（公开） Private （私有）

github图片的上传:

新建好仓库后，是以下图界面，上传图片的实现我没有使用命令行，而是使用的方便简单拖拽

点击uploading and existing file（上传和现有文件） 进入文件上传界面

 

进入上传界面后，以下图，把想要的图片拖入指示处，等待文件上传，上传完成后点击Commit changes（提交更改）

 

Commif changes成功后，再次点击左上角的猫头，左侧会有你的仓库，点击刚才建立的仓库，进入就会看见你刚才上传的文件

仓库版本的设置：

接着上一步（进入新建的仓库）

点击releases（发布）

 

进入发布界面后

点击中央的 Create a new release（建立新版本）后进入发布界面，以下图

指示处 填写版本号

点击底部按钮 Publish release（发布）

jsDelivr：

进入jsDelivr:

点击 https://www.jsdelivr.com/ 进入jsDelivr首页面

点击 GitHub

直接复制指示连接

jsDelivr的GitHub第一条连接参数:

user : github用户名

repo : 存储须要访问资源的仓库名

version ：版本号

填好相应的参数后，复制到地址栏访问，若是进入了以下图界面，则成功

图片资源的调用:

箭头处是你访问仓库的资源文件夹，在你的项目中须要的图片能够直接用jsDelivr连接调用

找到你须要的图片，点击进入查看，复制地址栏连接，粘贴到你的src就好了

结尾：

经过这种方式调用本身的资源仍是挺好用的，不过，也不是任何场景都适合使用这种方式，要活学活用。

谢谢观看