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

github pages vs netlifyhtml

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

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

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

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

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

Netlify

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

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

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

而後會進入Github的認證受權頁面,點擊Authorize Netlify by Netlify.net

點擊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

原文出處:https://www.cnblogs.com/37Y37/p/12551839.html

相關文章
相關標籤/搜索