GithubPages訪問太慢?通過Netlify免費加速

NO IMAGE

github pages vs netlify

Github Pages為Github提供的一項靜態站點託管服務,它直接從Github倉庫獲取靜態文件進行發佈,然後提供一個github.io的二級域名供用戶訪問,支持綁定自定義域名,支持開啟HTTPS,開啟HTTPS會自動申請證書同時在證書過期前自動續簽,這一切都是免費的,使用極其簡單,只需要將你的靜態文件提交到Github,然後開啟Pages服務即可,我的博客就託管於Github Pages

Github Pages免費且穩定的服務讓我可以專注內容,而無需考慮成本及維護的問題,非常方便廣受好評,但其最大的一個問題就是國內訪問速度很慢,如何簡單快速又低成本的解決這個問題呢?這裡介紹一個服務:Netlify

Netlify是一家提供靜態網站託管的綜合平臺,支持自動從Github等倉庫拉取代碼並構建成靜態網站進行發佈,同時也支持自定義域名,自動申請SSL證書等功能,更為重要的是自動啟用CDN加速,國內訪問速度要快很多

以下分別是Github Pages和Netlify兩個平臺同一項目請求速度的對比圖

GithubPages訪問太慢?通過Netlify免費加速

從上圖的測試結果可以看出國內各地的訪問速度Netlify都能完勝,接下來詳細介紹下如何通過Netlify給你的Github Pages加速

Netlify

打開Netlify官網,點擊右上角的Sign up註冊賬號,這裡推薦關聯Github賬號

GithubPages訪問太慢?通過Netlify免費加速

關聯認證後進入Netlify的後臺頁面,如下圖,點擊New site from Git

GithubPages訪問太慢?通過Netlify免費加速

選擇網站源碼託管的代碼倉庫類型,支持Github、Gitlab以及Bitbucket,選擇GitHub

GithubPages訪問太慢?通過Netlify免費加速

然後會進入Github的認證授權頁面,點擊Authorize Netlify by Netlify

GithubPages訪問太慢?通過Netlify免費加速

點擊Only select repositories選擇要授權的Github倉庫,當然也可以直接選擇授權所有倉庫,這個授權在設置中可以改

GithubPages訪問太慢?通過Netlify免費加速

授權完成回到Netlify後臺頁面,選擇我們剛剛授權的Github倉庫繼續

GithubPages訪問太慢?通過Netlify免費加速

選擇部署的用戶以及分支,如果是一些需要編譯的項目,還支持定義編譯的命令以及最終發佈的目錄,純靜態網站的話都不需要填寫,直接點擊Deploy site即可完成部署

GithubPages訪問太慢?通過Netlify免費加速

部署完成後,Netlify會自動生成一個隨機的二級域名xxx.netlify.com,我們可以修改為自定義的二級域名,點擊Site Settings

GithubPages訪問太慢?通過Netlify免費加速

General -> Site details下點擊Change site name,可以為這個站點設置一個自定義的名字,二級域名也會相應改變

GithubPages訪問太慢?通過Netlify免費加速

如果你想綁定自己的域名,需要先在域名管理系統裡新建解析,將域名CNAME指向到你的netlify二級域名,以阿里cloud為例如下

GithubPages訪問太慢?通過Netlify免費加速

然後進入Netlify管理後臺,Domain management -> Domains,點擊Add domain alias,填入你的自定義域名

GithubPages訪問太慢?通過Netlify免費加速

待域名解析生效後就會看到新綁定的域名變為綠色,並且設置為了主域名

GithubPages訪問太慢?通過Netlify免費加速

最後為自定義域名開啟HTTPS支持,Domain management -> HTTPS,點擊Verify DNS configuration,域名驗證通過則會自動申請證書

GithubPages訪問太慢?通過Netlify免費加速

至此Netlify與Github綁定完成,可以通過自定義域名訪問網站了,之後你每一次提交代碼到Github,便會自動發佈至Netlify,無需額外操作,非常方便

其他說明

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

國內也有類似於Github pages這樣的服務,例如Gitee和Coding提供的pages服務,在速度方面要有不少的優勢,但穩定性欠佳,且可能會面臨層層審查域名備案等問題

如果你的域名有備案,項目又是純靜態的話還可以考慮直接託管在國內的一些對象存儲服務上,例如七牛雲、騰訊雲等,然後開啟CDN加速,效果也不錯,並且大多都有免費流量可以使用

Github Pages和Netlify這種免費且可高度自定義的方案,在滿足我們個性化需求的同時,省去了維護成本和資金壓力,可以讓站點活得更久,從而讓我們把重點放在持續不斷的輸出內容,形成良性循環,趕緊試試吧

GithubPages訪問太慢?通過Netlify免費加速

最後,如果對於我的博客實現方案感興趣,這篇文章有介紹和源碼:利用Django徒手寫個靜態頁面生成工具,如果辛辛苦苦寫的文章沒什麼人訪問,或許這個可以幫你:Google搜索成最大入口,簡單談下個人博客的SEO

相關文章

AndroidJetpack架構組件(四)一文帶你瞭解LiveData(使用篇)

遊記|一場說走就走的旅行,突破常規,驚喜不斷

Probius:一個功能強大的自定義任務系統

Djangomodel重寫save方法及update踩坑記錄