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

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

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

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

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

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

git clone git@github.com:themusecatcher/resources.git

进入本地仓库:

cd resources/

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

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

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

④ Draft a new release:

新建一个 tag 例如:0.0.3 

⑤点击 Publish release 进行发布

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

https://cdn.jsdelivr.net/gh/<username>/<repo name>@<tag>/<resource name>

例如:https://cdn.jsdelivr.net/gh/themusecatcher/resources@0.0.3/bao.jpg

⑥查看 CDN 资源目录:

https://cdn.jsdelivr.net/gh/themusecatcher/resources@0.0.3/

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值