利用GitHub仓库+jsDelivr实现免费CDN,用来存储博客文件完美

简介

使用Hexo+GitHub搭建自己的博客之后,发现没有可用的图床,七牛云之类的都要收费,某些又需要实名认证,所以想到使用GitHub的仓库作为资源文件存储位置。

创建GitHub仓库

这里默认都已经注册过GitHub账号了,没有注册的话自行百度

新建一个仓库,我这边取名为CDN,这个可以随自己心意制定
创建截图

初始化并测试仓库

  1. 在本地的任意文件夹下使用git clone git@github.com:{GitHub用户名}/{仓库名}.git 将CDN仓库下载到本地
  2. 创建images文件夹并复制进去几张测试图片
  3. 使用git命令将仓库提交到GitHub
    1. cd 本地CDN仓库文件夹
    2. git add .
    3. git commit -m "init"
    4. git push
  4. 检查GitHub上的文件 成功效果图
  5. 使用https://raw.githubusercontent.com/{GitHub用户名}/{仓库名}/{分支名}/{文件夹}/{图片名称} 测试是否可以访问到图片

使用jsDelivr加速

将上一个步骤中的
https://raw.githubusercontent.com/{GitHub用户名}/{仓库名}/{分支名}/{文件夹}/{图片名称}
连接修改为
https://cdn.jsdelivr.net/gh/{Github用户名}/{仓库名}/{文件夹}/图片名称

其他

推荐一个图床工具PicGo 安装GitHub-Plus插件后完美配合本篇使用