在國(guó)內(nèi)，githubpage的訪問(wèn)速度相當(dāng)感人，于是使用CDN加速就變得十分有必要了。

Github Page

Github Pages為Github提供的一項(xiàng)靜態(tài)站點(diǎn)托管服務(wù)，它直接從Github倉(cāng)庫(kù)獲取靜態(tài)文件進(jìn)行發(fā)布，然后提供一個(gè)github.io的二級(jí)域名供用戶訪問(wèn)，支持綁定自定義域名，支持開啟HTTPS，開啟HTTPS會(huì)自動(dòng)申請(qǐng)證書同時(shí)在證書過(guò)期前自動(dòng)續(xù)簽，這一切都是免費(fèi)的，使用極其簡(jiǎn)單，只需要將你的靜態(tài)文件提交到Github，然后開啟Pages服務(wù)即可，我的博客就托管于Github Pages

Github Pages免費(fèi)且穩(wěn)定的服務(wù)讓我可以專注內(nèi)容，而無(wú)需考慮成本及維護(hù)的問(wèn)題，非常方便廣受好評(píng)，但其最大的一個(gè)問(wèn)題就是國(guó)內(nèi)訪問(wèn)速度很慢，如何簡(jiǎn)單快速又低成本的解決這個(gè)問(wèn)題呢？這里介紹一個(gè)服務(wù)：Netlify

Netlify

Netlify是一家提供靜態(tài)網(wǎng)站托管的綜合平臺(tái)，支持自動(dòng)從Github等倉(cāng)庫(kù)拉取代碼并構(gòu)建成靜態(tài)網(wǎng)站進(jìn)行發(fā)布，同時(shí)也支持自定義域名，自動(dòng)申請(qǐng)SSL證書等功能，更為重要的是自動(dòng)啟用CDN加速，國(guó)內(nèi)訪問(wèn)速度要快很多

以下分別是Github Pages和Netlify兩個(gè)平臺(tái)同一項(xiàng)目請(qǐng)求速度的對(duì)比圖

從上圖的測(cè)試結(jié)果可以看出國(guó)內(nèi)各地的訪問(wèn)速度Netlify都能完勝，接下來(lái)詳細(xì)介紹下如何通過(guò)Netlify給你的Github Pages加速

打開Netlify官網(wǎng)，點(diǎn)擊右上角的Sign up注冊(cè)賬號(hào)，這里推薦關(guān)聯(lián)Github賬號(hào)

關(guān)聯(lián)認(rèn)證后進(jìn)入Netlify的后臺(tái)頁(yè)面，如下圖，點(diǎn)擊New site from Git

選擇網(wǎng)站源碼托管的代碼倉(cāng)庫(kù)類型，支持Github、Gitlab以及Bitbucket，選擇GitHub

然后會(huì)進(jìn)入Github的認(rèn)證授權(quán)頁(yè)面，點(diǎn)擊Authorize Netlify by Netlify

點(diǎn)擊Only select repositories選擇要授權(quán)的Github倉(cāng)庫(kù)，當(dāng)然也可以直接選擇授權(quán)所有倉(cāng)庫(kù)，這個(gè)授權(quán)在設(shè)置中可以改

授權(quán)完成回到Netlify后臺(tái)頁(yè)面，選擇我們剛剛授權(quán)的Github倉(cāng)庫(kù)繼續(xù)

選擇部署的用戶以及分支，如果是一些需要編譯的項(xiàng)目，還支持定義編譯的命令以及最終發(fā)布的目錄，純靜態(tài)網(wǎng)站的話都不需要填寫，直接點(diǎn)擊Deploy site即可完成部署

部署完成后，Netlify會(huì)自動(dòng)生成一個(gè)隨機(jī)的二級(jí)域名xxx.，我們可以修改為自定義的二級(jí)域名，點(diǎn)擊Site Settings

General -> Site details下點(diǎn)擊Change site name，可以為這個(gè)站點(diǎn)設(shè)置一個(gè)自定義的名字，二級(jí)域名也會(huì)相應(yīng)改變

如果你想綁定自己的域名，需要先在域名管理系統(tǒng)里新建解析，將域名CNAME指向到你的netlify二級(jí)域名，以阿里云為例如下

然后進(jìn)入Netlify管理后臺(tái)，Domain management -> Domains，點(diǎn)擊Add domain alias，填入你的自定義域名

待域名解析生效后就會(huì)看到新綁定的域名變?yōu)榫G色，并且設(shè)置為了主域名

最后為自定義域名開啟HTTPS支持，Domain management -> HTTPS，點(diǎn)擊Verify DNS configuration，域名驗(yàn)證通過(guò)則會(huì)自動(dòng)申請(qǐng)證書

至此Netlify與Github綁定完成，可以通過(guò)自定義域名訪問(wèn)網(wǎng)站了，之后你每一次提交代碼到Github，便會(huì)自動(dòng)發(fā)布至Netlify，無(wú)需額外操作，非常方便

其他說(shuō)明

如果你是主域名要綁定Netlify，且必須使用A記錄的話，可以直接ping一下你的Netlify二級(jí)域名地址得到的IP便可以作為域名解析，例如我的域名是ops-coffee.，ping之后得到的地址是157.230.35.153，可以多ping幾次得到不同的地址，都綁定到域名上以防止單節(jié)點(diǎn)故障

國(guó)內(nèi)也有類似于Github pages這樣的服務(wù)，例如Gitee和Coding提供的pages服務(wù)，在速度方面要有不少的優(yōu)勢(shì)，但穩(wěn)定性欠佳，且可能會(huì)面臨層層審查域名備案等問(wèn)題

如果你的域名有備案，項(xiàng)目又是純靜態(tài)的話還可以考慮直接托管在國(guó)內(nèi)的一些對(duì)象存儲(chǔ)服務(wù)上，例如七牛云、騰訊云等，然后開啟CDN加速，效果也不錯(cuò)，并且大多都有免費(fèi)流量可以使用

Github Pages和Netlify這種免費(fèi)且可高度自定義的方案，在滿足我們個(gè)性化需求的同時(shí)，省去了維護(hù)成本和資金壓力，可以讓站點(diǎn)活得更久，從而讓我們把重點(diǎn)放在持續(xù)不斷的輸出內(nèi)容，形成良性循環(huán)，趕緊試試吧

本篇轉(zhuǎn)載于ops-coffee，僅個(gè)人使用。