1. 程式人生 > 實用技巧 >JsDeliver+github使用教程,免費的cdn

JsDeliver+github使用教程,免費的cdn

很多時候,我們網站在引用 第三方js程式碼的時候載入比較慢,第一種辦法是把js程式碼下載過來放到自己的慢站中載入,這樣會消耗自己網站的頻寬,還有一個就是可以使用jsDeliver的免費CDN。

1. 新建Github倉庫

2. 上傳資源

3. 點選release釋出倉庫

4. 通過jsDeliver引用資源

直接引用使用方法:https://cdn.jsdelivr.net/gh/你的使用者名稱/你的倉庫名@釋出的版本號/檔案路徑

https://cdn.jsdelivr.net/gh/zngw/[email protected]/copyright.js

5. 載入其他版本的

版本號不是必需的,是為了區分新舊資源,如果不使用版本號,將會直接引用最新資源,除此之外還可以使用某個範圍內的版本,檢視所有資源等,具體使用方法如下

// 載入任何Github釋出、提交或分支
https://cdn.jsdelivr.net/gh/user/repo@version/file

// 使用版本範圍而不是特定版本
https://cdn.jsdelivr.net/gh/zngw/[email protected]/copyright.js   
 
// 完全省略該版本以獲取最新版本
https://cdn.jsdelivr.net/gh/zngw/cdn/copyright.js
 
// 將“.min”新增到任何JS/CSS檔案中以獲取縮小版本,如果不存在,將為會自動生成
https://cdn.jsdelivr.net/gh/zngw/[email protected]/copyright.min.js
 
// 在末尾新增 / 以獲取資源目錄列表
https://cdn.jsdelivr.net/gh/zngw/cdn/