前言

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 配合使用还是非常好用的，还请各位不要滥用💝