前言:國內(nèi)加載github的資源比較慢，需要使用CDN加速來優(yōu)化網(wǎng)站打開速度，于是使用jsDeliver+github搭建免費(fèi)的cdn。jsDelivr 是一個(gè)免費(fèi)開源的 CDN 解決方案，用于幫助開發(fā)者和站長。包含 JavaScript 庫、jQuery 插件、CSS 框架、字體等等 Web 上常用的靜態(tài)資源。
寫給小白的,懂的前面可以略過
npm
NPM是JavaScript的包管理器，也是世界上最大的軟件注冊中心。發(fā)現(xiàn)可重用代碼的包——并以強(qiáng)大的新方式組裝它們。每星期大約有 30 億次的下載量，包含超過 600000 個(gè) 包（package（即，代碼模塊）。來自各大洲的開源軟件開發(fā)者使用 npm 互相分享和借鑒。包的結(jié)構(gòu)使您能夠輕松跟蹤依賴項(xiàng)和版本。
所以jsDeliver+npm就是把npm上的包當(dāng)做cdn的存儲。
使用教程：
// load any project hosted on npm// 加載以NPM為存儲的任何項(xiàng)目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是一個(gè)面向開源及私有軟件項(xiàng)目的托管平臺，因?yàn)橹恢С謌it 作為唯一的版本庫格式進(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是一款個(gè)人博客系統(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倉庫
(我已經(jīng)有這個(gè)倉庫，so...這不是重點(diǎn))
接著在本地電腦克隆上圖倉庫（前提配置好本地git環(huán)境和ssh）
命令如下：
cd 某個(gè)目錄下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ā)布倉庫
點(diǎn)擊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
重點(diǎn)：這個(gè)鏈接相當(dāng)于一個(gè)直鏈，使用和直鏈一樣，如下圖：
總的來說，直鏈怎么用，這個(gè)鏈接怎么用
