![梅問題-jsDelivr 免費提供上千種 JavaScript、CSS模組,同時具有CDN加速服務](http://photo.minwt.com/img/Content/webdesign/jsDelivr/jsdelivr_00.jpg)
無論是透過Google還是cdnjs都有相當豐富的資源,但時常因為太多人使用時,就會造成資源在載入時,有些延遲,因此最近梅干發現另一個,免費網頁資源服務平台,裡面不但收錄了上千種的JavaScript、CSS模組套件,且還提供了CDN的服務,甚至支援台灣的節點,讓在載入這些素材時,速度更快更輕巧,是一個相當不錯的佛系資源平台,現在就一塊來看看囉!
jsDelivr
網站名稱:jsDelivr
網站連結:http://www.jsdelivr.com/
網站連結:http://www.jsdelivr.com/
Step1
當進到「jsDelivr」的網站後,可從搜尋框中,尋找所需素材的關鍵字。
![梅問題-jsDelivr 免費提供上千種 JavaScript、CSS模組,同時具有CDN加速服務](http://photo.minwt.com/img/Content/webdesign/jsDelivr/jsdelivr_01.jpg)
Step2
找到後,可從右上角的下拉選單中,選擇所需的版本。
![梅問題-jsDelivr 免費提供上千種 JavaScript、CSS模組,同時具有CDN加速服務](http://photo.minwt.com/img/Content/webdesign/jsDelivr/jsdelivr_02.jpg)
Step3
當要此素材時,只需將右邊的開關設為開啟,接著右邊的清單中,就會出現剛所加入的素材名稱。
![梅問題-jsDelivr 免費提供上千種 JavaScript、CSS模組,同時具有CDN加速服務](http://photo.minwt.com/img/Content/webdesign/jsDelivr/jsdelivr_03.jpg)
Step4
所需的素材都選擇完畢後,再按右下的「Show&Configure All Links」鈕。
![梅問題-jsDelivr 免費提供上千種 JavaScript、CSS模組,同時具有CDN加速服務](http://photo.minwt.com/img/Content/webdesign/jsDelivr/jsdelivr_04.jpg)
Step5
接著將上方的區塊,分別設為「HTML output」、「SRI」後,再把下方的素材拷貝起來。
![梅問題-jsDelivr 免費提供上千種 JavaScript、CSS模組,同時具有CDN加速服務](http://photo.minwt.com/img/Content/webdesign/jsDelivr/jsdelivr_05.jpg)
Step6
再貼到自己網頁中。
![梅問題-jsDelivr 免費提供上千種 JavaScript、CSS模組,同時具有CDN加速服務](http://photo.minwt.com/img/Content/webdesign/jsDelivr/jsdelivr_06.jpg)
Step7
在開啟網頁瀏覽時,分別可看到這些素材載入的時間,相當的快速。
![梅問題-jsDelivr 免費提供上千種 JavaScript、CSS模組,同時具有CDN加速服務](http://photo.minwt.com/img/Content/webdesign/jsDelivr/jsdelivr_07.jpg)
Step8
可看到的是,這些素材不但已快取,同時節點還是在TPE(台灣),真是一個超棒的網頁資源平台,有需要的朋友,千萬別錯過了。
![梅問題-jsDelivr 免費提供上千種 JavaScript、CSS模組,同時具有CDN加速服務](http://photo.minwt.com/img/Content/webdesign/jsDelivr/jsdelivr_08.jpg)