[Github應用] 架設純HTML網站

談到HTML網站,你腦中可能會閃過各種Hosting Provider的名字,例如FC2 Web。

但這次我要介紹的是截然不同的服務:Github Pages。

Github是一個大型程式專案平台,有多大呢?我只能說超大!
 
除了很大之外,使用Github Pages有什麼好處呢?

  1. Github使用貴森森很快的Rackspace網路。
  2. Github提供每Repo 1GB的容量。
  3. Github會記錄每次Commit的更改內容,方便還原。
  4. Github提供自訂網域功能。
  5. Github沒有廣告。
  6. Github完全免費。

那壞處呢?

  1. Git使用上不如FTP方便。
  2. Git在回傳前會檢查檔案,增加些許反應時間。
  3. 更新檔案後不會在立即在網頁上更新,大約要五到十分鐘。

 

整體來說,我覺得Github是個很好的解決方案。

如果要使用這服務,必須要先註冊一個帳戶。免費的帳戶可以建立公開的Repo,但我們要弄的是HTML,不怕別人看內容。

有了帳戶以後,建立一個以使用者為名稱的Repo,格式如下

使用者名稱.github.io

預設的Branch是master,也就是我們要放檔案的地方,直接把檔案同步上去即可,接著就可以在「使用者名稱.github.io」查看完成的網站了~~

 

除此之外,還可以使用自訂網域,先在master根目錄放置一個名為「CNAME」的檔案,裏頭只要寫一行要使用的自訂網址,例如:

page.example.com

或是

example.com

 
再來是設定DNS紀錄。如果是綁定根網域的話必須使用ALIAS, ANAME或A其中一種紀錄,A紀錄直接指向github指定的IP,其他兩種直接設成「使用者名稱.github.io」即可

example.com.    IN    A    204.232.175.78

如果是子網域的話,則使用CNAME紀錄

page.example.com.    IN    CNAME    使用者名稱.github.io.

 
如此一來就能開始使用Github Pages囉~~

這邊提供範例網站供參考:atitan.github.iogit.atifans.net
 
進階閱讀:https://help.github.com/categories/20/articles

留言

  1. 最近很少做純靜態網頁了 不然應該也會用github來放
    不過我是認為用 git 不會比 FTP 麻煩多少啦
    畢竟本來就會做版本控制

粗體斜體刪除線連結引用圖片程式碼

注意:您的電子信箱將不會被公開,且網站連結不會被搜尋引擎採計