Github Pages建立靜態網站

摘要： Github Pages對於建立靜態網站來說真的是超級方便，概念方便，配置方便。 只要你不超出HTML+Javascript+CSS的範圍，一切都好說。 如果為了漂亮，可以使用Bootstrap等各種技術加強頁面顯示，只要是靜態的，一切都好說。 個人主頁vs專案主...

Github Pages對於建立靜態網站來說真的是超級方便，概念方便，配置方便。

只要你不超出HTML+Javascript+CSS的範圍，一切都好說。

如果為了漂亮，可以使用Bootstrap等各種技術加強頁面顯示，只要是靜態的，一切都好說。

個人主頁vs專案主頁

參考：單個GitHub帳號下新增多個GitHub Pages的相關問題

Github Pages有兩種建站方案，一種叫個人主頁，一種叫專案主頁:

• 個人主頁：這種是你可以用自己的使用者名稱為域名訪問，如我的solomonxie.github.io 。這是最簡單的方法，網頁放在master分支就可以顯示。但是這種方法會有比較多限制：

  user.github.io
  

• 專案主頁：這一種是，你可以使用任意repo，但是域名就不是user.github.io 這麼簡單的形式了。而是user.github.io/repo 這種形式。

同時，你必須要把網頁放在這個repo的gh-pages 分支裡，才能顯示出來。

注意一般即使上傳好了網頁，也不會及時顯示出來，有時可能會等幾個小時Github才會顯示最新的頁面。

自定義域名的配置

一般solomonxie.github.io 這種域名雖然已經很簡單了，但還是掛著github的名字且有點長，始終擺脫不了供應商的影子。如果做為個人網站的話，這一點的確會影響些形象和印象的獨立性。

所以有必要把這個域名對映到自己申請的外部域名上去。

以下為域名對映的操作步驟：

• 申請域名（略）
• 在存放網頁的分支裡(看是個人主頁還是專案主頁而定)，建立一個檔案，名為CNAME ，內容極其簡單，只有一行，即你申請的域名，如：solomonxiexie.com 。然後Github會根據這個域名設定，一直替你監聽這個域名的訪問，然後自動幫你做所有的對映工作。
• 然後回到你申請域名的服務商那裡，找到域名的配置修改頁面，修改域名的指向：修改A類域名，然後指向Github的IP地址。這個ip需要自己ping一下才知道。