不少人都希望擁有一個自己的個人網站，然而一般建站需要域名和伺服器，兩者都比較昂貴。另外，在國內建站還要對域名以及主機進行備案，十分繁瑣。還有一個原因是一臺伺服器的維護並非易事。那麼，有沒有什麼小白就能很快掌握的便捷便宜又優秀的方案呢？: - )

用GitHub託管建站就是這樣一個不錯的選擇。簡單來說，好比是GitHub給每個使用者一個小小的虛擬空間，和一個帶有github.io字尾的二級域名，這樣就能搭建網站啦！另外，你也可以自己買一個喜歡的域名，解析地址設為github給你的空間域名上，訪問你購買的域名同樣能開啟github上建立的網站，完美滿足了美觀（裝逼）的需要。

閒話少敘，現在就開搞吧！

一、註冊一個GitHub賬號

過程十分簡單，直接輸入github.com ，按照提示進行操作即可，此處不多說。

二、在自己電腦上準備好

自己寫好HTML網頁以及建立好其他需要的檔案十分繁瑣，極其不適合小白，所以我們一般都會選擇使用現有的網站框架來建站，一般比較常用的有wordpress，discuz，hexo等等，今天我們要使用hexo框架，hexo的官網網址為hexo.io。選用hexo有以下幾個原因：

簡單 幾行程式碼就能搞定。對中文支援較好 建立人是臺灣人，所以這方面顯而易見啦。響應快速 不像wordpress等一堆冗雜的檔案，載入網頁很慢。

那下載hexo之前，我們要準備好兩個~~小公舉~~ 小工具：

Node.js

Git

node.js是一種javascript的執行環境，有了它，javascript脫離瀏覽器也能執行。（我也不太懂，姑且隨便這麼一解釋 逃）

Git是一個開源的分散式版本控制系統，用以有效、高速的處理從很小到非常大的專案版本管理。（官方解釋 霧）

這兩樣工具都是使用hexo框架所必需的，他們的官網有提到。那首先，有的電腦上是裝了這兩個小工具的，有的則沒有，我們可以在終端鍵入以下的命令來檢視自己的電腦上有沒有裝好：

我使用的是Mac系統，Win下的操作不太熟悉。Mac OS的終端在launchpad裡的其他一欄內可以找到。version 是版本的意思，這兩句程式碼的意思即為檢視git和nvm版本（注意空格）。nvm(node.js version manager)是nodejs版本管理工具的意思。

如果終端顯示出了版本號，那麼恭喜你，你可以直接跳過下一步了；如果提示命令不存在命令錯誤等，那就要先下載這兩個小工具了：

git-scm.com/download/mac

nvm的下載命令為：

請在一行內打完）

輸入並回車後，會提示下載成功。然後請重啟終端，輸入下列命令：

下載完成後依舊會提示成功。

至此，基本配置完成。然而，當你關閉終端後，再次開啟可能並不能正常使用，那麼你需要這樣做：

在終端鍵入

意思是用vi建立這樣一個新的檔案並開啟進行編輯。

接著將下面的程式碼複製到這個新建立的檔案中：

注意不要輸錯，另外vi的基本操作不會可以百度。

最後退出vi，在終端輸入：

這樣nvm和git就基本完成啦！接下來就是激動人心的下載hexo框架的時刻。

終端鍵入：

稍等片刻就下載完成啦！

接著在你喜歡的位置用你喜歡的名字新建一個資料夾，比如：

你就會發現桌面多了一個名叫hexo的資料夾，繼續在終端輸入：

你就會發現hexo資料夾裡多了很多東西。然後繼續在終端鍵入：

（注意：此時你所在的目錄應為hexo)

意思是生成靜態網頁 也可以簡寫為

意思是在伺服器上執行hexo 也可簡寫為

然後開啟瀏覽器，在網址欄輸入 http://localhost:4000 就是見證奇蹟的時刻！怎麼樣，是不是很有成就感！如果是404頁面也不要著急，好好看一看以上的各步驟有沒有敲錯的地方。

三、關聯到GitHub

登陸GitHub，點選Create a new repository，建立一個新的倉庫，注意：名字格式必須為http://username.github.io，比如我的GitHub使用者名稱叫goudan，那麼我建立的repository名字就應該填寫http://goudan.github.io。建立完畢後，為了你在本地編輯好檔案要pull到GitHub上時不要每次都要輸入賬號密碼，強烈建議設定一對ssh key，這個步驟雖然略有繁瑣，但是在GitHub幫助頁有詳細的指南，幾分鐘就能建立成功，連結如下：

https://help.github.com/articles/connecting-to-github-with-ssh/

接著請在hexo資料夾內搜尋檔案，然後用vi或者其他編輯器開啟，在末尾deploy後面新增幾行程式碼，如下面所示：

注意：冒號後面有空格，上面的yourname替換成你自己的GitHub使用者名稱。 儲存退出vi。

開啟終端，輸入：

稍等幾分鐘，時間有長有短；終端提示完成後，基本一個託管在GitHub上的個人網站就建好啦！

在瀏覽器輸入 youname.github.io.git （yourname為你自己的GitHub使用者名稱），即可看到網站的預設檢視。

四 關聯已有域名

以下步驟可看可不看

開啟你的域名管理介面，記錄型別改為CNAME，記錄值改為http://youname.github.io，注意，兩欄都要改。

接著是很重要的步驟：在 hexo/themes/landscape/source目錄下新建CNAME檔案，寫入你自己購買的域名，比如http://baidu.com，儲存。

最後一步，在終端執行：

清除快取 生成靜態網頁 部署到GitHub上

稍等片刻，在瀏覽器網址欄輸入你自己的域名即可。

哈哈 好像不止十分鐘，確實，第一遍時可能遭遇種種報錯，過程很曲折，然而成功一次後回頭梳理一下，就會發現其實還是比較簡單的。搭建一個小網站只是開始，怎麼編輯文章，修改主題，改變樣式等等，還要花很多的時間。但是，只要熱愛，就會一點也不覺得累。: -)

免費？這種想法就別想了。

根據你的這個需求，預算五六百塊錢就能搞定，想完全免費的話，不靠譜。

搞一個域名，以.com為例，一年55~70元；建站程式，有現成的，直接免費用；伺服器主機，如果是做音訊上傳，主機肯定是不行的，最次也得是個低配伺服器，一年預算也就四五百塊錢。

綜合一下，成本也就這些，自己不會搭建，可以找人代操作，勞工費一二百塊錢。