免费CDN:jsDeliver + Github 使用教程
免费开源的CDN : jsDelivr + Github 使用教程
jsDelivr 介绍
-
jsDelivr是一个免费、开源、不限带宽的CDN公共库,由Cloudflare、Fastly、StackPath、QUANTIL等CDN供应商提供了全球超过750个CDN节点,包括大陆数百个节点,可加速访问托管仓库内 [ 主要三种:NPM / WordPress / Github ] 的静态资源,提升网站访问速度。
-
国内加载github的资源比较慢,需要使用CDN加速来优化网站打开速度,于是使用jsDeliver+github搭建免费的CDN,非常适合博客网站使用。
-
jsDelivr 是一个免费开源的 CDN 解决方案,用于帮助开发者和站长。包含 JavaScript 库、jQuery 插件、CSS 框架、字体等等 Web 上常用的静态资源。
教程
-
先在Github上创建公开的仓库。

-
将项目克隆到本地

-
上传资源并发布
复制需要的静态资源到本地git仓库中,提交到Github仓库上
命令如下:
// 查看状态 git status // 添加到库中 git add . // 提交更新(引号内 为自定义信息说明) git commit -m '第一次提交' // 推送至远程仓库 git push -
发布仓库
点击release发布,可创建版本,非必须,默认引用最新版

-
查看内容
使用方法, https://cdn.jsdelivr.net/gh/Github用户名/仓库名@版本号/文件路径。
如:https://cdn.jsdelivr.net/gh/snowXT/CDN@master/pics/wallhaven-3z97yd.jpg
注意:版本号不是必需的,是为了区分新旧资源,如果不使用版本号,将会直接引用最新资源,除此之外还可以使用某个范围内的版本,查看所有资源等,具体使用方法如下:
// 加载任何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/


浙公网安备 33010602011771号