博客是傳遞把兔、分享技術(shù)的一種高效途徑沪伙，如果你不滿(mǎn)足于github、CSND县好、簡(jiǎn)書(shū)等方式围橡，還可以搭建自己的個(gè)人博客，使用hexo搭建個(gè)人博客是一種便捷有效的方式缕贡。
本文介紹一種搭建個(gè)人博客的方法翁授。通過(guò)hexo搭建個(gè)人博客，部署到github上晾咪；另外介紹如何使用github的域名綁定功能收擦，給個(gè)人博客設(shè)置域名。
版權(quán)聲明：本文為博主原創(chuàng)文章禀酱，禁止轉(zhuǎn)載
作者博客：codesong.cn
工具及平臺(tái)：
工具：hexo、git牧嫉、Node.js剂跟、npm/cnpm
平臺(tái)：Linux、macOS酣藻、Windows等
不同系統(tǒng)操作基本相同曹洽，本文以win10為例進(jìn)行演示。
（windows環(huán)境需已安裝git并配置為環(huán)境變量）
搭建過(guò)程：
1辽剧、安裝hexo
（1）安裝Node.js
Node.js是一個(gè)基于Chrome V8引擎的JavaScript運(yùn)行環(huán)境送淆，能夠是js運(yùn)行在服務(wù)端。安裝方法非常簡(jiǎn)單：
nodejs.org下載安裝即可怕轿。推薦下載LTS（Long Time Support）版本
（2）安裝NPM
NPM（Node Package Manager）是基于Node.js的包管理工具偷崩，方便開(kāi)發(fā)人員分享和獲取第三方包并使用。
由于NPM鏡像是國(guó)外資源撞羽，安裝十分緩慢阐斜，因此我們選擇安裝淘寶團(tuán)隊(duì)做的鏡像cnpm。在win10環(huán)境下诀紊，以管理員身份運(yùn)行CMD谒出，輸入以下命令：
npm install -g cnpm --registry=https://registry.npm.taobao.org
這樣我們便完成了Node.js和NPM的安裝，此時(shí)我們可以通過(guò)查詢(xún)版本號(hào)的方式來(lái)驗(yàn)證Node.js和NPM是否安裝成功：
node -v
npm -v
如果出現(xiàn)兩者的版本信息邻奠，說(shuō)明我們已經(jīng)成功安裝了Node.js和NPM笤喳，很簡(jiǎn)單是吧。
（3）安裝hexo
使用cnpm安裝hexo：
cnpm install -g hexo-cli //安裝hexo
同樣可以通過(guò)查詢(xún)版本信息確認(rèn)hexo是否安裝成功：
hexo -v
2碌宴、使用hexo搭建博客
（1）創(chuàng)建工作路徑
首先在電腦任意位置（如D盤(pán)）新建一個(gè)文件夾杀狡，比如我們命名為blog，在windows系統(tǒng)下贰镣，此操作可以直接在D盤(pán)操作捣卤，或用命令行創(chuàng)建：
mkdir blog
（2）初始化博客
進(jìn)入blog文件夾并初始化博客：
cd blog
hexo init
注意：在macOS或Linux環(huán)境需以管理員身份進(jìn)行操作
此時(shí)我們就通過(guò)hexo完成了博客的初始搭建忍抽，hexo會(huì)默認(rèn)創(chuàng)建一個(gè)landscape主題。此過(guò)程有時(shí)較慢董朝，耐心等待鸠项。
這時(shí)我們打開(kāi)電腦的blog文件夾，會(huì)發(fā)現(xiàn)生成了許多文件子姜，其中theme文件夾內(nèi)就是我們博客的主題祟绊，后續(xù)更改主題需要在此操作。
（3）啟動(dòng)哥捕、生成博客
啟動(dòng)博客：
hexo s
啟動(dòng)后會(huì)出現(xiàn)本地訪(fǎng)問(wèn)的端口
在瀏覽器中輸入 localhost:4000 ,就可以進(jìn)入我們剛剛生成的博客主頁(yè)了牧抽。大概長(zhǎng)這個(gè)樣子：
很激動(dòng)對(duì)吧！別著急遥赚，個(gè)人搭建的博客可玩性可不僅如此呢扬舒，接下來(lái)簡(jiǎn)單介紹如何在新建文章。
（4）新建文章
windows環(huán)境下推薦直接將寫(xiě)好的文章放在blog/source/_post路徑下：
當(dāng)然也可以像macOS或Linux下使用命令行新建文章凫佛，然后進(jìn)行編輯：
hexo n "新建的文章"
博客一般使用markdown格式（.md）讲坎，非常方便的一種格式，網(wǎng)上有很多介紹愧薛，大家可以學(xué)習(xí)一下晨炕。
（5）更新博客
對(duì)博客內(nèi)容、主題進(jìn)行修改后毫炉，比如剛才新建了一篇文章瓮栗，需要將修改更新。
一般需要在blog目錄下按順序進(jìn)行清理（clean）瞄勾、生成（generate）费奸、啟動(dòng)（sever/start）操作：
hexo clean
hexo g
hexo s
至此我們就完成了個(gè)人博客的創(chuàng)建，以及如何對(duì)博客進(jìn)行修改等操作进陡。不過(guò)我們的博客現(xiàn)在只能通過(guò)本地端口（localhost）訪(fǎng)問(wèn)調(diào)試货邓，怎么才能讓別人看到我們的博客呢？
接下來(lái)就來(lái)介紹如何將博客部署到github上進(jìn)行訪(fǎng)問(wèn)四濒。
3换况、將博客部署到github上
（1）在github上新建倉(cāng)庫(kù)
倉(cāng)庫(kù)名稱(chēng)必須為 xxx.github.io(其中xxx為自己的github用戶(hù)名)，如codesong99.github.io,并得到倉(cāng)庫(kù)地址：
2）在blog目錄下安裝一個(gè)git的部署插件
cnpm install --save hexo-deployer-git
3）修改blog目錄下的配置文件
打開(kāi)blog目錄下的_config.yml文件盗蟆，在最后幾行的部署（deploy）信息位置添加以下配置：
部署類(lèi)型為git戈二，倉(cāng)庫(kù)地址為剛才獲得的github倉(cāng)庫(kù)地址，branch設(shè)置為master喳资，修改完成后保存并關(guān)閉觉吭。
注意冒號(hào)后有一個(gè)空格。
（4）將博客部署遠(yuǎn)端
回到CMD窗口仆邓，在blog目錄下輸入一下命令鲜滩，將博客推到遠(yuǎn)端：
hexo d
這個(gè)"d"就是deploy的意思伴鳖。此過(guò)程需要輸入github賬號(hào)及密碼。
至此我們就完成了搭建hexo博客并部署到github上的所有工作徙硅，在瀏覽器中輸入xxx.github.io即可訪(fǎng)問(wèn)自己的個(gè)人博客榜聂。
4、One More Thing
雖然我們已經(jīng)完成了個(gè)人博客的搭建嗓蘑，并部署到github上進(jìn)行訪(fǎng)問(wèn)须肆，但默認(rèn)的landscape主題、xxxxxxx.github.io的地址是不是感覺(jué)跟真正的博客還有些不同桩皿？
上文中已經(jīng)簡(jiǎn)單提到豌汇，我們可以自己修改個(gè)人博客的主題（將博客主題放在theme路徑下），具體實(shí)現(xiàn)就要考驗(yàn)大家的審美和動(dòng)手能力了泄隔，網(wǎng)上也有很多優(yōu)秀的修改方法拒贱、模板，本文不再介紹佛嬉。
接下來(lái)我將簡(jiǎn)單介紹如何設(shè)置自己的域名來(lái)訪(fǎng)問(wèn)博客逻澳。
綁定域名
github支持綁定域名，來(lái)訪(fǎng)問(wèn)我們的博客巷燥。只需在github上綁定域名赡盘，并將域名解析到github倉(cāng)庫(kù)即可号枕。具體需要以下三個(gè)步驟：
首先在github博客倉(cāng)庫(kù)中新建一個(gè)"CNAME"的文件缰揪，文件內(nèi)容為自己注冊(cè)的域名（可在阿里云、騰訊云購(gòu)買(mǎi)域名葱淳，暫不需要購(gòu)買(mǎi)服務(wù)器）钝腺，如“codesong.cn”：
這樣我們?cè)趥}(cāng)庫(kù)的settings->options->Custom domain界面就能看到自己綁定的域名啦：
第二步，ping一下自己github倉(cāng)庫(kù)的ip：
最后將自己的域名解析中添加www赞厕、@兩條A型記錄艳狐，其中“記錄值”為剛才ping到的github倉(cāng)庫(kù)ip
這樣，我們就可以同時(shí)通過(guò) 用戶(hù)名.github.io 和自己注冊(cè)的域名來(lái)訪(fǎng)問(wèn)個(gè)人博客了皿桑。
以上就是本文的全部?jī)?nèi)容了毫目，希望大家早日熟練hexo clean 、hexo g 诲侮、hexo d 三連~
