新建GitHub仓库
- 创建GitHub仓库用于存放博客的静态资源
克隆GitHub仓库到本地
-
然后新建一个空文件夹,在文件夹右击,打开
Git Bash Here
,输入命令进行克隆git clone 复制的仓库地址
上传静态资源
-
克隆完成后,将需要加速的静态资源复制到该本地仓库中,可以自行分类命名,然后依次执行以下命令上传
git status //查看状态 git add . //添加所有文件到暂存区 git commit -m '本地提交的注释' //把文件提交到仓库 git push //推送至远程仓库
仓库发布
- 在远程仓库找到仓库发布(release)
- 自定义一个版本号(方便起见,可设为1.0)
通过jsDelivr引用资源
引用方法:https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径
(版本号并不必要,如果不写,就是引用的最新资源)
// 举例
引用我的静态资源仓库中的图片,github路径:Nuyoah-xlh/jsDelivr-CDN/img/article_pic/example.jpg
jsdelivr加速路径:https://cdn.jsdelivr.net/gh/Nuyoah-xlh/jsDelivr-CDN/img/article_pic/example.jpg
// 其他用法
// 加载任何Github发布、提交或分支
https://cdn.jsdelivr.net/gh/user/repo@version/file
// 加载 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
// 完全省略该版本以获取最新版本
https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js
// 将“.min”添加到任何JS/CSS文件中以获取缩小版本,如果不存在,将为会自动生成
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/src/core.min.js
// 在末尾添加 / 以获取资源目录列表
https://cdn.jsdelivr.net/gh/jquery/jquery/