前言:國內(nèi)加載github的資源比較慢捉片，需要使用CDN加速來優(yōu)化網(wǎng)站打開速度，于是使用jsDeliver+github搭建免費的cdn维苔。jsDelivr 是一個免費開源的 CDN 解決方案，用于幫助開發(fā)者和站長。包含 JavaScript 庫爹谭、jQuery 插件、CSS 框架榛搔、字體等等 Web 上常用的靜態(tài)資源诺凡。

寫給小白的,懂的前面可以略過

npm

NPM是JavaScript的包管理器，也是世界上最大的軟件注冊中心践惑。發(fā)現(xiàn)可重用代碼的包——并以強(qiáng)大的新方式組裝它們绑洛。每星期大約有 30 億次的下載量，包含超過 600000 個 包（package（即童本，代碼模塊）真屯。來自各大洲的開源軟件開發(fā)者使用 npm 互相分享和借鑒。包的結(jié)構(gòu)使您能夠輕松跟蹤依賴項和版本穷娱。
所以jsDeliver+npm就是把npm上的包當(dāng)做cdn的存儲绑蔫。
使用教程：

// load any project hosted on npm// 加載以NPM為存儲的任何項目https://cdn.jsdelivr.net/npm/package@version/file// load jQuery v3.2.1// 比如加載Jquery3.2.1https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js// use a version range instead of a specific version//使用版本范圍而不是特定版本https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.jshttps://cdn.jsdelivr.net/npm/jquery@3/dist/jquery.min.js// omit the version completely to get the latest one//完全忽略版本以獲取最新版本，不建議使用https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js略......

Github

gitHub是一個面向開源及私有軟件項目的托管平臺泵额，因為只支持git 作為唯一的版本庫格式進(jìn)行托管配深，故名gitHub。
jsDeliver+Github使用教程：

// load any GitHub release, commit, or branch// 加載任何Github發(fā)布嫁盲、提交或分支https://cdn.jsdelivr.net/gh/user/repo@version/file略......

WordPress

WordPress是一款個人博客系統(tǒng)篓叶，并逐步演化成一款內(nèi)容管理系統(tǒng)軟件烈掠，它是使用PHP語言和MySQL數(shù)據(jù)庫開發(fā)的。用戶可以在支持 PHP 和 MySQL數(shù)據(jù)庫的服務(wù)器上使用自己的博客缸托。
jsDeliver+WordPress使用教程：

// load any plugin from the WordPress.org plugins SVN repo// 從WordPress.org等SVN倉庫加載任何插件https://cdn.jsdelivr.net/wp/plugins/project/tags/version/file略......

第一步：新建github倉庫

image

(我已經(jīng)有這個倉庫左敌，so...這不是重點)
接著在本地電腦克隆上圖倉庫（前提配置好本地git環(huán)境和ssh）
命令如下：

cd 某個目錄下git clone git@github.com:你的用戶名/cdn.git 

第二步：上傳需要的資源

復(fù)制需要的靜態(tài)資源到本地git倉庫中，提交到github倉庫上俐镐。
命令如下：

cd 到git倉庫目錄下// 查看狀態(tài)git status// 添加所以改動git add .// 提交git commit -m '第一次提交'// 推送至遠(yuǎn)程倉庫git push

（注：jsDeliver不支持加載超過20M的資源矫限，所以一些視頻最好壓縮到20M以下）

第三步：發(fā)布倉庫

image

image

點擊release發(fā)布

發(fā)布版本號1.0（自定義）

第四步：通過jsDeliver引用資源

使用方法：https://cdn.jsdelivr.net/gh/你的用戶名/你的倉庫名@發(fā)布的版本號/文件路徑比如：//加載jshttps://cdn.jsdelivr.net/gh/yremp/cdn@1.0/js/jquery.js//加載圖片https://cdn.jsdelivr.net/gh/yremp/cdn@1.0/images/hb.png

重點：這個鏈接相當(dāng)于一個直鏈，使用和直鏈一樣佩抹，如下圖：

image

總的來說叼风，直鏈怎么用，這個鏈接怎么用