免費CDN加速簡介(github+jsdelivr)

伺服器頻寬不夠?流量有限?速度太慢?開發者或網站管理者時常會用到一些 JS庫,例如最常見的 jQuery 或 CSS 框架,通常不建議自己在伺服器儲存這些靜態檔案,因為除了耗流量,也可能因此拖慢網站的載入速度。那怎麼辦呢?你需要做的就是CDN加速。

CDN的工作原理就是將您源站的資源快取到位於全球各地的CDN節點上,使用者請求資源時,就近返回節點上快取的資源,而不需要每個使用者的請求都回您的源站獲取,避免網路擁塞、緩解源站壓力,保證使用者訪問資源的速度和體驗。這麼牛B的功能肯定要錢吧?No,No,No統統不要錢,統統免費。

免費CDN加速簡介(github+jsdelivr)

首先,國內比較有名的有七牛雲,註冊認證後有10G永久免費空間,每月10G國內和10G國外流量,速度相當快,有免費ssl證書,但https流量收費,必須要繫結自己的已備案的域名。

又拍雲,註冊認證後有10G永久免費空間,每月15G的HTTP和HTTPS流量,需要繫結自己的已備案域名,認證比較麻煩。

不好,這倆都不好。我沒有域名,我就想白嫖,就想順便存點什麼,那請使用CDN神器jsdelivr。它可以全球範圍內npm、GitHub、WordPress等專案的映象加速,從此讓網頁不再等待。下面簡單介紹jsdelivr+GitHub的簡單使用。

免費CDN加速簡介(github+jsdelivr)

首先,去github建立一個倉庫,名字就叫“mycdn”吧。

接下來,clone https://github。com/yourname/mycdn。git。將剛剛的專案克隆到本地。根據自己的需求將靜態檔案放到這個專案中。下圖是我的專案結構:分成css、js、圖片、影片等資料夾。

免費CDN加速簡介(github+jsdelivr)

第三步,儲存更改,提交到github(git add 。 > git commit -m ‘msg’ > git push),這個時候所有的更改都會提交到遠端伺服器。

第四步,點選release釋出。如下圖,版本號自己隨意。

免費CDN加速簡介(github+jsdelivr)

免費CDN加速簡介(github+jsdelivr)

點選 Publish release按鈕(釋出發行),成功之後你會看到資源的壓縮包列表。

第五步,在其他專案中訪問資原始檔。想要使用剛剛釋出的資源也很簡單,只需要在使用的地方參照網址 https://cdn。jsdelivr。net/gh/{your github name}/mycdn@{版本號,就是上一步你填寫的}/{檔案路徑}。例如,https://cdn。jsdelivr。net/gh/light/mycdn@0。2/image/xw。png這個就是圖片的訪問路徑。

第六步,更新你本地的mycdn專案後,重新提交,釋出,使用不同版本號就能訪問更新後的內容,老版本的連結不受影響。

總結,jsdelivr確實很快,但 jsdelivr 有兩個限制: 單檔案不能大於

20M

, 倉庫的某版本不能大於 50M。所以使用的適合要多加註意,解決辦法就是分包,分版本。免費的東西拿來用用還是可以的,對於比較重要的檔案還是選擇大服務商比較放心。