免费CDN:jsDelivr+Github 使用方法

免费CDN:jsDelivr+Github 使用方法本文有参考 jsDeliver github 使用教程 免费好用的 cdn ByhojunCDN 的全称是 ContentDeliv 即内容分发网络 CDN 是构建在网络之上的内容分发网络 依靠部署在各地的边缘服务器 通过中心平台的负载均衡 内容分发 调度等功能模块 使用户就近获取所需内容 降低网络拥塞 提高用户访问响应速度和命中率 CDN 的关键技术主要有内容存储和分发


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

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


1、新建Github仓库

免费CDN:jsDelivr+Github 使用方法

2、克隆Github仓库到本地

git clone 一键复制的仓库地址 

3、上传资源

复制需要上传的资源到本地git仓库(注:jsDelivr不支持加载超过20M的资源),在本地git仓库目录下右键 Git Bash Here,执行以下命令:

git status //查看状态 git add . //添加所有文件到暂存区 git commit -m '第一次提交' //把文件提交到仓库 git push //推送至远程仓库 

4、发布仓库

5、通过jsDelivr引用资源

  • https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@1.0/images/trhx.png
  • https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@2.0.1/css/style.css
  • https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.3//The%20Pet%20Girl%20of%20Sakurasou.mp4

注意:版本号不是必需的,是为了区分新旧资源,如果不使用版本号,将会直接引用最新资源,除此之外还可以使用某个范围内的版本,查看所有资源等,具体使用方法如下:

  • // 加载任何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://javaforall.net/199168.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月26日 下午1:41
下一篇 2026年3月26日 下午1:42


相关推荐

  • CTF SHOW MISC 1024_大威天龙

    CTF SHOW MISC 1024_大威天龙下载得到一张图片 扔进 tweakpng 直接 CRC 爆错猜测高度的问题 随意的把高度拉长得到下面隐藏的文字然后在线找一个 OCR 的识别网站 开始识别 识别后的文字可能不全 需要对照图片进行修补看到如是我闻的就应该知道是佛曰加密解密得到新佛曰开头的是 说明是新佛曰进行解密得到了熊曰 进行熊曰加密的解密得到了佛又曰 可以知道这是佛曰的 2 0 版 进行解密然后还缺一个箴言 也就是密钥 然后题目描述中已经给了最后进行解密得到

    2026年3月17日
    2
  • Nginx工作原理和优化总结。「建议收藏」

    NGINX以高性能的负载均衡器,缓存,和web服务器闻名,驱动了全球超过40%最繁忙的网站。在大多数场景下,默认的NGINX和Linux设置可以很好的工作,但要达到最佳性能,有些时候必须做些调整。首先我们先了解其工作原理。1.Nginx的模块与工作原理Nginx由内核和模块组成,其中,内核的设计非常微小和简洁,完成的工作也非常简单,仅仅通过查找配置文件将客…

    2022年4月13日
    89
  • 微信小程序简洁登录页面(附源码)

    微信小程序简洁登录页面(附源码)微信小程序简洁登录页面 附源码 1 上图 2 用户不存在 3 上代码 3 1login wxml viewclass v1 style height clientHeight clientHeight px auto v2 父容器子 view 使用绝对布局 viewclass v2 viewclass v2 viewclass v1 style height clientHeight clientHeight px auto

    2025年7月21日
    4
  • 可以搜课程设计的网站_课程设计论文格式

    可以搜课程设计的网站_课程设计论文格式1.主要功能:展示各种类型的作文。普通用户的登录注册和管理员用户登录。可以精确或模糊按照作文题目搜索。还有分页功能,首页、尾页、上一页、下一页。返回顶部等等很多功能。普通用户登录:发表作文,管理自己的作文,管理自己账号。管理员用户登录:发表作文,管理所有的作文,管理所有账号。数据库用的是sqlserver。丰富精美的css、js效果。2.效果截图:登录/注册没登录时的基础首页普通用户:左边的侧边栏可以随意显示隐藏。管理员:3.项目文件截图:

    2025年6月14日
    5
  • flex布局实现水平垂直居中

    flex布局实现水平垂直居中把容器设置为 flex 布局 justify content 属性可以实现水平居中 align items 属性可以实现垂直居中 通过一个简单例子一看就明白了 html head styletype text css app width 600px height 600px outline reddo styletype text head html

    2026年3月18日
    2
  • 洗牌算法详解_数据库洗牌算法

    洗牌算法详解_数据库洗牌算法洗牌算法含义将数组中的数随机打乱,每次打乱后出现的概率应该是均等的。思路对于下标x而言,我们从[x,n−1]中随机出一个位置与x进行值交换,当所有位置都进行这样的处理后,我们便得到了一个公平的洗牌方案。代码实现intn=nums.length;Randomrandom=newRandom();for(inti=0;i<n;i++){//要交换数的下标intj=i+random.nextInt(n-i)

    2026年2月10日
    5

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号