想不想擁有自己的個(gè)人網(wǎng)站
你想擁有一個(gè)只屬于你自己的網(wǎng)站么？
不想？
是因?yàn)榕乱ㄥX(qián)，又要學(xué)習(xí)很多建站的知識(shí)，而且管理起來(lái)很麻煩么？
那么，現(xiàn)在我現(xiàn)在告訴你，有這樣一個(gè)機(jī)會(huì)：只要學(xué)習(xí)幾個(gè)簡(jiǎn)單的命令，點(diǎn)幾下鼠標(biāo)敲幾下鍵盤(pán)，就可以免費(fèi)建立并管理一個(gè)完全屬于你自己的網(wǎng)站，你來(lái)不來(lái)呢？
如果我再告訴你：如果一切順利的話，整個(gè)過(guò)程只需花費(fèi)五分鐘，你來(lái)不來(lái)呢？
好吧，如果你還在繼續(xù)往下看，那我想你八成是動(dòng)心了。那我們就廢話不多說(shuō)，馬上行動(dòng)起來(lái)吧。
我們的整體思路是這樣的：利用HEXO這個(gè)工具，在github這個(gè)網(wǎng)站上，搭建我們自己的個(gè)人網(wǎng)站。
注意剛才這句話里，我們一共提到兩個(gè)東西：HEXO和github。在進(jìn)行下一步操作之前，我覺(jué)得最好先詳細(xì)介紹一下它們倆，畢竟它們是我們接下來(lái)所有操作的主角。
它們一個(gè)是工具，一個(gè)是網(wǎng)站，這點(diǎn)剛才已經(jīng)說(shuō)過(guò)了。但它們具體是怎么的工具，怎樣的網(wǎng)站呢？別著急，我馬上為你一一道來(lái)。
HEXO和github
1.什么是HEXO？
Hexo 是一個(gè)快速、簡(jiǎn)潔且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在幾秒內(nèi)，即可利用靚麗的主題生成靜態(tài)網(wǎng)頁(yè)。
2.安裝HEXO
安裝Hexo只需幾分鐘時(shí)間，相當(dāng)簡(jiǎn)單。但有個(gè)安裝前提，在安裝前，您必須檢查電腦中是否已安裝下列應(yīng)用程序：
- Node.js
- Git
如果您的電腦中已經(jīng)安裝上述必備程序，那么恭喜您！接下來(lái)只需要使用npm即可完成Hexo的安裝。具體的安裝過(guò)程及必備程序的安裝，我們稍后會(huì)詳細(xì)介紹，暫且按下不表。
3.什么是github
github到底是一個(gè)怎樣的網(wǎng)站呢？讓我們直接引用來(lái)自維基百科的解釋?zhuān)?/p>
GitHub 是通過(guò)Git進(jìn)行版本控制的軟件源代碼托管服務(wù)，由GitHub公司（曾稱Logical Awesome）的開(kāi)發(fā)者Chris Wanstrath、PJ Hyett和Tom Preston-Werner使用Ruby on Rails編寫(xiě)而成。
GitHub 同時(shí)提供付費(fèi)賬戶和免費(fèi)賬戶。這兩種賬戶都可以創(chuàng)建公開(kāi)的代碼倉(cāng)庫(kù)，但是付費(fèi)賬戶還可以創(chuàng)建私有的代碼倉(cāng)庫(kù)。根據(jù)在2009年的Git用戶調(diào)查，GitHub是最流行的Git訪問(wèn)站點(diǎn)。除了允許個(gè)人和組織創(chuàng)建和訪問(wèn)保管中的代碼以外，它也提供了一些方便社會(huì)化共同軟件開(kāi)發(fā)的功能，即一般人口中的社區(qū)功能，包括允許用戶追蹤其他用戶、組織、軟件庫(kù)的動(dòng)態(tài)，對(duì)軟件代碼的改動(dòng)和bug提出評(píng)論等。GitHub也提供了圖表功能，用于概觀顯示開(kāi)發(fā)者們?cè)鯓釉诖a庫(kù)上工作以及軟件的開(kāi)發(fā)活躍程度。
截止到2015年，GitHub已經(jīng)有超過(guò)兩千八百萬(wàn)注冊(cè)用戶和7900萬(wàn)代碼庫(kù)。事實(shí)上已經(jīng)成為了世界上最大的代碼存放網(wǎng)站和開(kāi)源社區(qū)。
說(shuō)了這么多，我們需要知道的無(wú)非以下兩點(diǎn)：
- github是程序員們用來(lái)儲(chǔ)存代碼的，它通過(guò)git進(jìn)行版本控制；
- 免費(fèi)用戶也可以在github上建立代碼倉(cāng)庫(kù)。
看吧，可以免費(fèi)建立代碼倉(cāng)庫(kù)——對(duì)于我們來(lái)說(shuō)是儲(chǔ)存網(wǎng)站文件，還可以進(jìn)行版本控制——對(duì)于我們來(lái)說(shuō)是網(wǎng)站的更新，我們需要的功能是不是都有了呢。
4.軟件安裝
通過(guò)前面的介紹，背景知識(shí)就介紹的差不多了。我們這就進(jìn)入下一步準(zhǔn)備工作：軟件安裝。
由于我自己用的電腦是windows系統(tǒng)，而且讀者中大部分人用的也是windows系統(tǒng)，故以下操作就以windows系統(tǒng)為例，其他操作系統(tǒng)的，請(qǐng)自己靈活處理了。
我們需要安裝哪些軟件，它們各有什么作用，我用下面的表格作個(gè)說(shuō)明：
| 軟件 | 作用 |
|---|---|
| Node.js | HEXO運(yùn)行必備 |
| git | HEXO必備，上傳網(wǎng)頁(yè)到github，版本控制（當(dāng)然了，對(duì)于我們來(lái)說(shuō)是網(wǎng)站的更新） |
| HEXO | 網(wǎng)頁(yè)文件的生成 |
| atom | 文件編輯器，markdown寫(xiě)作利器 |
除了HEXO，另外三個(gè)軟件我們直接下載安裝包安裝就行了。雖然這里面包含了無(wú)奈與妥協(xié)，但是這個(gè)我們就不說(shuō)了。為了方便大家，我在這里也貼出我分享的百度網(wǎng)盤(pán)下載地址：https://pan.baidu.com/s/1TrQDVBCT-Iij7-6UBrf01A。
相信我人品的，不怕死的，就把地址復(fù)制到瀏覽器里下載吧。不想在這里下載的朋友，下載地址大家自己搜索下吧，盡量用谷歌搜索，盡量選擇官方下載。
注意，我這里分享的軟件只適用于64位windows系統(tǒng)。還在用32位系統(tǒng)的各位，你們可能只能靠自己了，祝好運(yùn)！
至于HEXO，等后面直接用命令安裝就好了，現(xiàn)在還不到時(shí)候。安裝好了這兩個(gè)軟件，就讓我們進(jìn)入下一步吧。
我的網(wǎng)站我來(lái)了！
1.創(chuàng)建代碼倉(cāng)庫(kù)
在github創(chuàng)建代碼庫(kù)之前，我們首先要先登錄賬號(hào)。如果你還沒(méi)有g(shù)ithub賬號(hào)，打開(kāi)github.com，注冊(cè)一個(gè)就好了，沒(méi)什么好說(shuō)的，記住用戶名不要包含中文，取個(gè)由英文字母和數(shù)字組成的就行。
我們直接跳到下一步，如何創(chuàng)建代碼倉(cāng)庫(kù)。
也許到這里，有的朋友會(huì)心生疑問(wèn)：
喂，老兄！你是不是搞錯(cuò)了？我們是要儲(chǔ)存網(wǎng)頁(yè)，又不上傳代碼，怎么是建立什么代碼倉(cāng)庫(kù)呢？
這個(gè)問(wèn)題我覺(jué)得提得非常好。我現(xiàn)在馬上解答：
- 沒(méi)有搞錯(cuò)。
- 是的，我們是要儲(chǔ)存網(wǎng)頁(yè)。
我們就是要建立一個(gè)代碼倉(cāng)庫(kù)，來(lái)儲(chǔ)存我們上傳的網(wǎng)頁(yè)。需要特別注意的是，我們要建立一個(gè)特殊的代碼倉(cāng)庫(kù)，它必須以你自己的用戶名加一個(gè)固定后綴，公式是：yourname+.github.io。以我自己為例，我在github的用戶名是：wuhua0871，所以我需要?jiǎng)?chuàng)建的代碼倉(cāng)庫(kù)名字就是：wuhua0871.github.io。
一定要記住，這里能夠變動(dòng)的，只有用戶名，其他一個(gè)字母都不能變。
2.安裝HEXO，建站
如果你完成了上一步，那現(xiàn)在我們就萬(wàn)事具備，只欠東風(fēng)了。
現(xiàn)在，選擇一個(gè)文件夾，用來(lái)儲(chǔ)存你網(wǎng)站的本地文件。比如我選擇的是E:\HEXO，那么我就需要在E:\HEXO這個(gè)文件夾上點(diǎn)擊右鍵，選擇Git Bash Here，然后會(huì)彈出如圖所示窗口。
在剛才彈出的窗口輸入下列命令：
npm install hexo -g
npm install hexo-cli -g
hexo init yourname.github.io
cd yourname.github.io
npm install hexo-deployer-git --save
hexo generate
hexo serve
兩點(diǎn)說(shuō)明：
- 命令要一條一條輸入和執(zhí)行，一條完了再輸另外一條
- 注意把其中的yourname換成你在github的用戶名。
直到出在下面信息：
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
這時(shí)你可以在瀏覽器里面敲入上面的地址http://localhost:4000/，預(yù)覽一下網(wǎng)站的樣子。
到現(xiàn)在為止，我們離成功建立自己的網(wǎng)站就只差臨門(mén)一腳了。切換回git bash窗口，先按下組合鍵Ctrl+C，然后在命令框中輸入下列命令：
atom .
在彈出的atom右側(cè)，選擇_config.yml文件，把圖片位置修改如下：
deploy:
type: git
repo: https://github.com/yourname/yourname.github.io.git
branch: master
同樣的，記得替換yourname為你的用戶名。完了按組合鍵Ctrl+S保存修改，然后回到git bash，鍵入下面命令：
hexo deploy
在彈出的窗口中，輸入你的github賬號(hào)和密碼，回車(chē)。
如果一切正常，窗口在跳過(guò)一連串代碼后，會(huì)出現(xiàn)下面的信息：
Everything up-to-date
INFO Deploy done: git
這就意味著一切正常，你的網(wǎng)站已經(jīng)部署成功了，網(wǎng)址就是你的代碼倉(cāng)庫(kù)名字：https://yourname.github.io 。
你現(xiàn)在可以在瀏覽器里面查看了。
開(kāi)心了吧？還不趕緊把你的網(wǎng)址發(fā)給小伙伴們裝個(gè)逼！
結(jié)尾
現(xiàn)在，我們的網(wǎng)站已經(jīng)建立起來(lái)了。
你會(huì)發(fā)現(xiàn)，這只是一個(gè)HEXO用來(lái)示范的模板，就是我們剛才本地預(yù)覽的那個(gè)死樣子，幾乎沒(méi)什么內(nèi)容，而且樣式也千篇一律，丑到了極點(diǎn)。你心里可能會(huì)有千萬(wàn)神痹呼嘯而過(guò)：尼瑪，這貨跟我想要的網(wǎng)站之間，差了至少有無(wú)數(shù)個(gè)wuhua0871.com的距離吧！
但這不是重點(diǎn)。
重點(diǎn)是：我們現(xiàn)在是擁有自己網(wǎng)站的人了，對(duì)不對(duì)！
王家衛(wèi)的電影《東邪西毒》里面，張國(guó)榮不是就有這么句臺(tái)詞么：
穿鞋的和不穿鞋的刀客，價(jià)錢(qián)是相差很遠(yuǎn)的。
是的，我們現(xiàn)在算是穿鞋的刀客了——雖然穿的鞋并不怎么樣。有和沒(méi)有，差距就是這么大，你不覺(jué)得么！
好了，我們的教程到這時(shí)就結(jié)束了。至于說(shuō)怎樣個(gè)性化我們的網(wǎng)站，怎么更新我們網(wǎng)站的內(nèi)容，這又是另外的問(wèn)題了，我們后會(huì)有期。
哦，對(duì)了，有個(gè)事兒偷偷告訴你下，點(diǎn)擊這里：無(wú)華的博客，可以看看我的網(wǎng)站是什么樣子。哈哈……
