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

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兩個平臺同一項目請求速度的對比圖

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

Netlify

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

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

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

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

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

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

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

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

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

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

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

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

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

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

掃碼關注公衆號查看更多實用文章

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章