jsdelivr的正确使用方法
前言
CDN的全称是Content Delivery Network,即内容分发网络。CDN是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。——百度百科
放在Github的资源在国内加载速度比较慢,因此需要使用CDN加速来优化网站打开速度,jsDelivr + Github便是免费且好用的CDN,非常适合博客网站使用。
食用方法
- 新建Github仓库
- 上传资源(图片)
- 使用jsdelivr直接访问仓库里的图片连接如下
1
https://cdn.jsdelivr.net/gh/GitHub用户名/新建的仓库名/**图片**.jpg
- 完事,图床做好了
发现问题
- 当你的release包大于50MB,那么jsdelivr会给你报错并且不给你提供加速服务,例如下面这条链接
https://cdn.jsdelivr.net/gh/Ysnsn/picture/111/03613.jpg
打开就会出现1
Package size exceeded the configured limit of 50 MB
- 感觉上面的使用方法有点复杂,
解决方法
一. 当你的release版本号写为master时,只需要第一次发布release即可,后面直接用master分支的文件,也没有50MB的文件包大小限制按照官方的格式,就是
1 | https://cdn.jsdelivr.net/gh/<username>/<repo-name>@<version>/<path> |
例如,下面就可以访问了
1 | https://cdn.jsdelivr.net/gh/Ysnsn/picture@master/111/03613.jpg |
- 打开你的图床仓库,选择creat a new release
- 按照下图填写1处填写 master 不要写错,2处可不写 3处填写描述(随便)最后点击绿色方框提交
- 问题解决(此时就能访问 https://cdn.jsdelivr.net/gh/Ysnsn/picture@master/111/03613.jpg )
二. 通过picgo配合GitHub 来使图片快速上传,配置picgo如下
token获取路径
下面的小方格可以全部选上(如果不知道是啥意思时)
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 阳光小饺子的空间!
评论