一、前言
- CDN的全称是
Content Delivery Network
,即内容分发网络
;- CDN是构建在现有网络基础之上的
智能虚拟网络
,依靠部署在各地的边缘服务器,通过中心平台的负载均衡
、内容分发
、调度
等功能模块;- 使用户就近获取所需内容,
降低
网络拥塞,提高
用户访问响应速度
和命中率
。CDN 的关键技术主要有内容存储
和分发技术
。- 本文采用 jsDelivr + Github 搭建免费的个人 CDN 库。
好文章 记得收藏+点赞+关注额 !!!---- Nick.Peng
二、在Github搭建CDN仓库
-
在 Github 新建 CDN 仓库,如图:
-
复制创建的CDN仓库地址
-
克隆远程仓库到本地
在本地目录右键 Git Bash Here,执行以下命令:
git clone https://github.com/NickyangPeng/CDN.git
-
上传资源
将我们现有的 img 和 js 静态资源,复制到 CDN 目录下
在本地 git 仓库目录下右键 Git Bash Here,执行以下命令:git status //查看本地仓库状态 git add . //添加所有文件到暂存区 git commit -m 'First commit' //把文件提交到本地仓库 git push //推送至远程仓库
-
发布CDN资源,如图
三、Github + jsDelivr 使用方法
- 将 Github CDN仓库上的静态资源转为快速访问网址,如下:
https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径
例如:
https://cdn.jsdelivr.net/gh/NickyangPeng/CDN/img/avatar.jpg
Re:CDN后面如果不使用版本号,将会直接引用最新资源;