并把音頻文件傳到網站？

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

用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版本管理工具的意思。

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

一般Mac OS都自帶Git，如果你的Mac很不幸沒有，那么請點擊這個網址手動下載安裝：

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上

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

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