查看: 25|回覆: 0

[教程] 免费CDN:jsDeliver + Github 使用教程

[複製鏈接]

4

主題

0

回帖

0

積分

热心网友

金币
0
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2008-6-8
發表於 2021-2-5 17:07:00 | 顯示全部樓層 |閲讀模式

免费开源的CDN : jsDelivr + Github 使用教程

jsDelivr 介绍

  • 官网地址:https://www.jsdelivr.com/

  • 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/



来源:https://www.cnblogs.com/snowXT/p/14378792.html
回覆

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即注册

本版積分規則

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部