免费CDN加速:jsDelivr+Github

原文:https://nuyoah-xlh.github.io/2021/08/15/%E5%85%8D%E8%B4%B9CDN%E5%8A%A0%E9%80%9F%EF%BC%9AjsDelivr+Github/

新建GitHub仓库

  • 创建GitHub仓库用于存放博客的静态资源

批注 2021-08-10 214345.jpg

克隆GitHub仓库到本地

批注 2021-08-10 214345.jpg

  • 然后新建一个空文件夹,在文件夹右击,打开Git Bash Here,输入命令进行克隆

    git clone 复制的仓库地址
    

上传静态资源

  • 克隆完成后,将需要加速的静态资源复制到该本地仓库中,可以自行分类命名,然后依次执行以下命令上传

    git status                    //查看状态
    git add .                     //添加所有文件到暂存区
    git commit -m '本地提交的注释'      //把文件提交到仓库
    git push                      //推送至远程仓库
    

仓库发布

  • 在远程仓库找到仓库发布(release)

批注 2021-08-10 214345.jpg

  • 自定义一个版本号(方便起见,可设为1.0)

批注 2021-08-10 214345.jpg

通过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/
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
建立一个简单的网盘需要以下步骤: 1. 在Github上创建一个新的仓库,用于存储网盘中的文件。 2. 将需要分享的文件上传到Github仓库中。 3. 在jsDelivr网站上注册账号,并创建一个新的CDN加速服务。 4. 将Github仓库中的文件链接到jsDelivr CDN服务上。 5. 将jsDelivr提供的CDN链接分享给需要访问文件的用户。 下面是具体的步骤: 1. 在Github上创建一个新的仓库,用于存储网盘中的文件。 登录Github账号,点击页面右上角的加号,选择“New repository”,进入新建仓库页面。在页面中填写仓库的名称和描述信息,并选择仓库的可见性和初始化选项,最后点击“Create repository”按钮创建新的仓库。 2. 将需要分享的文件上传到Github仓库中。 在新建的仓库页面中,点击“Upload files”按钮,选择需要上传的文件,然后点击“Commit changes”按钮提交文件到仓库中。 3. 在jsDelivr网站上注册账号,并创建一个新的CDN加速服务。 打开jsDelivr网站,点击页面右上角的“Sign Up”按钮,填写注册信息并完成注册。登录后,点击页面右上角的“Create a new CDN”按钮,进入新建CDN服务页面。在页面中填写CDN服务的名称和描述信息,并选择Github仓库中的文件路径,最后点击“Create”按钮创建新的CDN服务。 4. 将Github仓库中的文件链接到jsDelivr CDN服务上。 在新建的CDN服务页面中,复制jsDelivr提供的CDN链接,并将链接中的“user/repo”替换为Github仓库的用户名和仓库名称。例如,如果Github仓库的地址为“https://github.com/example/repo”,则jsDelivr提供的CDN链接应为“https://cdn.jsdelivr.net/gh/example/repo”。 5. 将jsDelivr提供的CDN链接分享给需要访问文件的用户。 将jsDelivr提供的CDN链接分享给需要访问文件的用户,他们可以使用浏览器或下载工具访问链接,下载或浏览Github仓库中的文件。 总结 利用jsDelivrGithub可以快速建立一个简单的网盘,将Github仓库中的文件链接到jsDelivr CDN服务上,用户可以通过CDN链接访问和下载文件。需要注意的是,Github仓库的大小和下载速度可能会受到限制,建议将较大的文件上传到其他云存储服务中,并将链接链接到jsDelivr CDN服务上。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值