前言

CDN 的全称是 Content Delivery Network,即内容分发网络。CDN 是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN 的关键技术主要有内容存储和分发技术。—— 百度百科

如何操作?

  1. 准备一个 Github 账号(自行百度 GitHub 怎么注册
  2. 懂得如何向 GitHub 仓库 push 文件

正式开始

  1. 准备仓库,仓库名称与描述随便写,但是仓库必须要求公开,不能是私有

    img

  2. 准备一个文件

    img

  3. 上传文件

    1
    2
    3
    git add .  # add 后面那个点表示所有文件
    git commit -m '添加文件内容描述'
    git push origin master # 将本地仓库文件推送到GitHub新建的仓库
  4. 通过 jsdelivr 引用资源

    食用方法:https://cdn.jsdelivr.net/gh/你的Github用户名/你的仓库名@发布的版本号/文件及路径

    例如:https://cdn.jsdelivr.net/gh/zjwo/test-file@master/jquery-1.11.1.min.js

    img

    注意:版本号不是必需的,是为了区分新旧资源,如果不使用版本号,将会直接引用最新资源

    直接引用:

    • 格式为:https://cdn.jsdelivr.net/gh/<用户名>/<仓库名>/<文件及路径>

    分支及版本号:

    • 分支与版本号加到仓库后,用 @ 符链接。格式为: https://cdn.jsdelivr.net/gh/<用户名>/<仓库名>@[分支/版本号]/<文件及路径>

关于缓存问题

如果你修改了文件,重新 push 上去,你会发现没有变化,导致无法在第一时间更新。

解决办法

  1. 使用 purge 替换

    在原先的 url 中,将 https://cdn.jsdelivr.net/... 替换为 https://purge.jsdelivr.net/… 刷新

  2. 使用 jsDelivr 缓存清除工具

    使用 jsDelivr 缓存清除工具可实时自动的去更新调试

2020.12.15更新 - 缓存清除工具 参考:JsDelivr刷新缓存工具

其它问题

  1. GitHub 公开仓库大小为 100 GB,所以不用担心不够用的问题了。并且你可以创建无数个仓库💗

  2. 但是单仓库容量超过 1 G后,会有人工审核仓库内容,若发现用来做图床,轻则删库,重则封号

  3. 建议在 1G 之前就应该换个仓库继续做图床!hhhhhhh~
  4. Github 单文件上传为 100 M,但是 JSD 加速的单文件大小为 50 M。所以也就意味着单文件大小为 50 MB 。
  5. 图片视频静态文件基本都是可以の

总结

jsDelivr 和 GitHub 配合使用还是非常好用的,还请各位不要滥用💝