搭建免费CDN全过程!

一、搭建缘由

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

通俗来说就是提取外链,同时加速访问的好处。Github的资源在国内加载速度比较慢,因此需要使用CDN加速来优化网站打开速度,jsDelivr + Github便是免费且好用的CDN,非常适合博客网站使用。

二、GitHub新建CDN(名字自取)仓库

在本地电脑进行一系列clone/pull等一系列操作,同时发布版本(最好上传一次就发布依次版本)

三、使用jsDlivr

https://cdn.jsdelivr.net/gh/wztlink1013/CDN-Volantis@版本号/文件夹/文件名.文件后缀

举个栗子

相关使用✅

0、具体使用教程

2、加载 jQuery v3.2.1

https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/jquery.min.js

3、使用版本范围而不是特定版本

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

4、完全省略该版本以获取最新版本

https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js

5、将“.min”添加到任何JS/CSS文件中以获取缩小版本,如果不存在,将为会自动生成

https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/src/core.min.js

6、在末尾添加 / 以获取资源目录列表

https://cdn.jsdelivr.net/gh/jquery/jquery/

留言评论区