好用的jsDelivr

 

 

 

相信用過github的道友，應該遇到過github加載很慢，甚至打不開的情狀。現在，好用的jsDelivr就用上場了，可免費提供CDN加速了，可謂是前端的良心神器之一

 

jsDelivr 是一個免費、開源的加速CDN公共服務，托管了許多大大小小的項目，可加速訪問托管的項目目錄或圖片資源。如果你想加載github某個倉庫中的某張圖片，

可以通過jsDelivr來訪問加載的。另外打開倉庫目錄，使用jsDelivr打開目錄， 打開的目錄頁面也是簡單實用的；

 

 

 

使用方法

 jsDelivr官網提供了github、npm、wordpress這三個直觀例子，有興趣的道友可以去官網了解

一、訪問github的用法

https://cdn.jsdelivr.net/gh/用戶名稱/倉庫名稱@版本號/目錄

//加載資源(版本號不填的話，默認引用最新)

https://cdn.jsdelivr.net/gh/murenziwei/images/draw/01.png

//打開目錄（后面的"/"是必要的，不然的話，打不開）

https://cdn.jsdelivr.net/gh/murenziwei/images/

 

二、訪問npm的用法

https://cdn.jsdelivr.net/npm/包名@版本號/目錄

//加載資源

https://cdn.jsdelivr.net/npm/lw_firewords@1.0.3/index.js

//打開目錄（后面的"/"是必要的，不然的話，打不開）

https://cdn.jsdelivr.net/npm/lw_firewords/

 

三、訪問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