前言：对于一些静态资源，可以通过JsDelivr白嫖CDN进行免费加速

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

  • 放在Github的资源在国内加载速度比较慢，因此需要使用CDN加速来优化网站打开速度，jsDelivr + Github便是免费且好用的CDN，非常适合博客网站使用。

  • jsDelivr可以为发布在GitHub上面的js、css、jpg等文件进行免费的CDN加速，虽然速度可能不算很快，但是相比于用GitHub直接来打开，速度还是有显著的提升的。

  • 比如我自己发布的一个js文件：https://cdn.jsdelivr.net/gh/AliveLeqi/MyResume@v1.0/js/scripts.js

  • 除此之外，还有其他CDN加速的方法，比如又拍云、七牛云、腾讯云等服务商都提供了国内的全站资源加速，若想要更快的速度，最好还是用上面的这些服务商提供的CDN。不过，jsDelivr可以白嫖，直接免费使用，而且也是大厂，一般来说也不会崩掉，所以还是非常Nice的，这个东西。

使用方法

  1. 创建新的Github仓库，用于存放要进行加速的文件，比如js、css等静态资源文件。
  1. 上传要加速的文件
  • 这里我作演示，就直接上传一个css文件示范一下，所以直接在网站上传即可，如果要上传多个文件或者是文件夹，最好用git工具上传，用git上传也很简单，按照上图旁边的演示来操作即可。
  1. 创建一个release
  • 新建一个发布版本为1.0，选好分支，一般要选加速文件所在的分支，填好必要信息之后即可发布。
  • 发布成功页面，可以看到版本号
  1. 用jsDelivr访问即可

https://cdn.jsdelivr.net/gh/<github账号>/<仓库名称>@<版本号>/<文件路径>/<文件名> 不输入版本号默认访问最新版本

以上就是整个加速过程，是不是很简单捏

注意：版本号不是必需的，是为了区分新旧资源，如果不使用版本号，将会直接引用最新资源，除此之外还可以使用某个范围内的版本，查看所有资源等，具体使用方法如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
// 加载任何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/