利用github pages建立簡單的網站

峻祁連發表於2016-02-29

github.com 作為最流行的原始碼管理工具已經風靡全球,同時在依託於github也衍生出了各種各樣的應用,比如可以利用github搭建部落格系統等等。

先換個話題,我們每人手頭都或多或少有些“藏”書,這裡的“藏”我打了引號,因為這些書可能真的是“藏”起來了,說不定藏在那個角落。我一直有個想法,就是發起這樣一個公益專案,讓每個人的“藏”書流動起來,充分發揮它的價值,於是就有了這樣的專案 — 地圖圖書館 (http://www.LibInSub.org), 大家看看,希望能得到你的支援,如果你手頭沒有“藏”書可以奉獻,起碼可以動動手指把網址分享給你的朋友們 :)

Screen Shot 2016-02-29 at 3.57.52 PM.png

下面再來說說技術,作為開始,LibInSub.org目前就是搭載在github上的。由於目前專案剛剛開始,知名度還不高,github的平臺應該足夠用了,以後我們的讀者、奉獻者越來越多時還要考慮自建伺服器或採用其他雲平臺負等等問題,當然那是後話。

其實利用github pages 做網頁的host非常簡單,你只需要建立一個名為gh-pages 的branch,然後把你的網站內容放到這個分支裡就好了,當然你的網站應該是一個靜態html頁面。比如LibInSub.org目前只是一個HTML5的靜態網站,我直接把內容放在gh-pages分支中就得到一個可訪問的網站,它的地址就是 http://<你的github名字>.github.io/<你的分支名>, 比如我的就是http://duchangyu.github.io/libinsub/


Screen Shot 2016-02-29 at 5.33.48 PM.png

這樣你就得到了一個可訪問的公開網站,不過要做了更專業一些,你可能需要一個域名,比如 http://www.LibInSub.org. 那麼我們可以在godaddy.com 上註冊一個。當然國內的域名註冊商也可以,不過我還是推薦用godaddy,沒那麼多麻煩事,而且現在還有全中文介面了,甚至還支援支付寶付款。有中文引導,註冊應該也不是難事。註冊完畢後可以用最簡單的方式把你的域名指向在github上的網站,即新增一個轉址,把域名指向到前面提到的github的網址:


Screen Shot 2016-02-29 at 5.44.11 PM.png

如下圖:


Screen Shot 2016-02-29 at 5.42.22 PM.png

這樣設定完畢後過一兩分鐘,你在訪問我們的域名 http://www.LibInSub.org 就可以導向到我們host在github上的網站了。是不是很簡單?

相關文章