使用jsDelivr和GitHub,上传本地静态资源到免费CDN

目标:将本地图片资源上传到免费CDN,以便随时使用!其他静态资源亦可,例如:js、css、pdf、word、excel 等等

①在github上创建新仓库:resources,用于存放要上传到 CDN 的静态资源:

使用jsDelivr和GitHub,上传本地静态资源到免费CDN_第1张图片

②上传图片到新仓库:resources 中:

  • 可以在 github 使用 Upload files 上传文件:

使用jsDelivr和GitHub,上传本地静态资源到免费CDN_第2张图片

  • 也可以先将仓库克隆到本地:

git clone [email protected]:themusecatcher/resources.git

进入本地仓库:

cd resources/

将需要上传的图片复制到 resources/ 目录中,然后 push 到远程仓库:

git add .
git commit -m 'upload'
git push

③进入 github 仓库的 Code 页面,点击页面右侧的 Release:

使用jsDelivr和GitHub,上传本地静态资源到免费CDN_第3张图片

④ Draft a new release:

使用jsDelivr和GitHub,上传本地静态资源到免费CDN_第4张图片

新建一个 tag 例如:0.0.3 

使用jsDelivr和GitHub,上传本地静态资源到免费CDN_第5张图片

⑤点击 Publish release 进行发布

然后即可使用如下规则访问 CDN 资源:

https://cdn.jsdelivr.net/gh//@/

例如:https://cdn.jsdelivr.net/gh/themusecatcher/[email protected]/bao.jpg

⑥查看 CDN 资源目录:

https://cdn.jsdelivr.net/gh/themusecatcher/[email protected]/

使用jsDelivr和GitHub,上传本地静态资源到免费CDN_第6张图片

你可能感兴趣的:(github,jsDelivr,CDN)