利用jsDeliver+github实现免费CDN

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

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

jsDeliver

jsDeliver是一个免费开源的CDN解决方案，用于帮助开发者和站长。包含JavaScript库、jQuery插件、CSS框架、字体等等Web上常用的静态资源。

github

github是一个面向开源及私有软件项目托管平台，因为只支持git作为唯一的版本库格式进行托管，故名github

操作流程

jsDeliver不支持加载超过20M的资源，所以一些视频最好压缩到20M一下

1、新建github仓库并clone至本地

$ git clone 你的仓库链接 #本地克隆github仓库

2、将需要的静态资源放到本地git仓库中，并提交到github仓库

$ git status                 #查看状态
$ git add .                  #添加所有文件到暂存区
$ git commit -m '第一次提交' #把文件提交到仓库，文字部分是备注信息说明
$ git push                   #推送至远程仓库

3、在github仓库中点击release发布（版本号可以自定义）

4、通过jsDeliver引用资源

$ https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径
<green># 举个栗子</green>
$ https://cdn.jsdelivr.net/gh/voiue/cdn-wallpaper@1.0/abstract/8782D9-08FE07-E5E73E.jpg #加载1.0版本

<green># 注意：如果不加 @发布的版本号 默认加载最新版本</green>
<green># 举个栗子</green>
$ https://cdn.jsdelivr.net/gh/voiue/cdn-wallpaper/abstract/8782D9-08FE07-E5E73E.jpg # 加载最新版本

参考链接：https://www.itrhx.com/2019/02/10/A18-free-cdn/
          https://www.cnblogs.com/fofade/p/11380935.html

博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议

本文永久链接是：https://voiue.github.io/blog/2020-03-10-free-cdn-with-jsdeliver-and-github/