jsDelivr 开源公共 CDN

文章内容输出来源:拉勾教育 大前端高薪训练营

cdn,全称是 Content Delivery Network,即内容分发网络。

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

jsDelivr 可以解决 npmGitHub、WordPress` 加载资源缓慢,甚至打不开等的问题,因为它免费提供CDN 加速。

Npm 的使用

加载文件

  • ionicons/2.0.1/css/ionicons.min.css

加载网址

 https://cdn.jsdelivr.net/npm/ionicons@2.0.1/css/ionicons.min.css 
  • 官网中搜索想要加载的 模块名(包名),如图所示:

    在这里插入图片描述

  • 点击 搜索到的结果,进入选择其所需要的版本号,如图所示:

    在这里插入图片描述

  • 点击找到的对应版本的文件,得出最终的转换加载网址,如图所示:

    在这里插入图片描述

  • 转换后的网址,如图所示:

    在这里插入图片描述

用法总结

  • npm 加载资源网址,如下所示:

     https://cdn.jsdelivr.net/npm/包名@版本号/目录 
  • 官网示例,如图所示:

    在这里插入图片描述

    注意:

    ​ // 打开目录(后面的 " / " 是必要的,否则,无法打开)

    ​ https://cdn.jsdelivr.net/npm/jquery/

GitHub 的使用

  • 打开模块所在目录,如图所示:

    在这里插入图片描述

  • github 加载资源的用法,如下所示:

     https://cdn.jsdelivr.net/gh/用户名称/仓库名称@版本号/目录 
  • 官网示例,如图所示:

    在这里插入图片描述

WordPress 的使用

  • 加载任何插件从 WordPress.org 插件 SVN repo,如下所示:

     https://cdn.jsdelivr.net/wp/plugins/project/tags/version/file 
  • 加载精确版本,如下所示:

     https://cdn.jsdelivr.net/wp/plugins/wp-slimstat/tags/4.6.5/wp-slimstat.js 
  • 加载最新版本,如下所示

     https://cdn.jsdelivr.net/wp/plugins/wp-slimstat/trunk/wp-slimstat.js 

    注意:

    ​ 生产版本,不推荐使用

  • WordPress.org 的主题 SVN repo 加载任何主题,如下所示:

     https://cdn.jsdelivr.net/wp/themes/project/version/file 
  • 加载精确版本,如下所示:

     https://cdn.jsdelivr.net/wp/themes/twenty-eightteen/1.7/assets/js/html5.js 
  • 官网示例,如图所示:

    在这里插入图片描述

原文链接:https://blog.csdn.net/zimeng303/article/details/112465100?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165918321816781667824586%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=165918321816781667824586&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-21-112465100-null-null.nonecase&utm_term=cdn

原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/288

(0)
上一篇 2022年8月4日
下一篇 2022年8月4日

相关推荐

发表回复

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

优速盾注册领取大礼包www.cdnb.net
/sitemap.xml