很早以前就聽說可以利用github來搭建一個(gè)屬于自己的博客台囱，但卻遲遲沒有動(dòng)手扑庞，現(xiàn)在終于有機(jī)會(huì)嘗試一把譬重，查了點(diǎn)資料終于弄好了，便在此記錄一下罐氨，希望可以幫助有需要的人臀规。先放上我搭建好的博客地址：GItHub博客地址，感覺還不錯(cuò)栅隐。
一以现、搭建博客的前提
有自己的GitHub賬號(hào)，沒有的話可以自己去注冊(cè)一個(gè)
安裝了Git约啊，沒有安裝Git的人可以先去百度一下怎么安裝Git，至于使用佣赖，沒使用過也可以恰矩。
會(huì)使用Markdown，這個(gè)主要是寫博客用憎蛤，不會(huì)可以去搜索相關(guān)的教程外傅。
注：關(guān)于Git和Github的使用教程纪吮，這里強(qiáng)烈推薦stormzhang的博客上的教程，這里放上鏈接stormzhang博客Git和GitHub教程,內(nèi)容易懂萎胰，非常適合我們學(xué)習(xí)碾盟。
二、利用GitHub搭建博客的原理
GitHub提供了一種GitHub Pages的服務(wù)技竟，允許用戶可以在上面托管自己餓靜態(tài)網(wǎng)頁(yè)冰肴，并分配一個(gè)域名，并且可以綁定自己的域名榔组。這樣就免去了我們購(gòu)買維護(hù)服務(wù)器和數(shù)據(jù)庫(kù)的麻煩熙尉。本篇教程主要是使用Hexo這個(gè)高效的博客框架來搭建屬于我們自己的博客，Hexo可以將Markdown格式的文本快速渲染成HTML頁(yè)面搓扯。
三检痰、安裝NodeJS
因?yàn)镠exo這個(gè)博客框架是基于NodeJs的，所以我們必須先安裝NodeJS環(huán)境才能在后面使用我們的Hexo來搭建博客锨推。這里放上NodeJS下載地址NodeJS下載地址铅歼，大家可以根據(jù)自己的電腦選擇合適的版本，安裝的話很簡(jiǎn)單换可，之間點(diǎn)下一步就可以安裝完成椎椰。
四、安裝Hexo博客框架
此處的安裝使用NodeJS的包管理工具npm來安裝锦担，鼠標(biāo)右鍵選擇
Git Bash Here,可以打開Git的命令行,然后在其中執(zhí)行如下命令:
npm install hexo-cli -g
npm install hexo --save
#如果命令無法運(yùn)行俭识，可以嘗試更換npm源
npm install -g cnpm --registry=https://registry.npm.taobao.org
五、初始化Hexo配置
首先在自己的盤符下新建文件夾Blog洞渔，在該文件夾下面再建一個(gè)Hexo文件夾套媚，進(jìn)入Hexo文件夾中，鼠標(biāo)右鍵打開Git命令行磁椒，執(zhí)行如下命令:
hexo init
npm install
執(zhí)行完畢后就會(huì)在當(dāng)前目錄下生成一些文件夾堤瘤，這便是我們博客需要的文件。
六浆熔、安裝Hexo插件
為了使我們的博客可以在本地渲染生成HTML網(wǎng)頁(yè)本辐，然后部署到GitHub上，我們需要安裝下面的插件医增，右鍵打開Git命令行在其中執(zhí)行如下命令:
npm install hexo-generator-index --save
npm install hexo-generator-archive --save
npm install hexo-generator-category --save
npm install hexo-generator-tag --save
npm install hexo-server --save
npm install hexo-deployer-git --save
npm install hexo-deployer-heroku --save
npm install hexo-deployer-rsync --save
npm install hexo-deployer-openshift --save
npm install hexo-renderer-marked@0.2 --save
npm install hexo-renderer-stylus@0.2 --save
npm install hexo-generator-feed@1 --save
npm install hexo-generator-sitemap@1 --save
安裝完上面的插件我們的博客其實(shí)已經(jīng)可以在本地查看了慎皱，是不是有點(diǎn)激動(dòng)啊，在Git的命令行中執(zhí)行如下命令:
# 生成靜態(tài)頁(yè)面
hexo g
# 啟動(dòng)本地Node服務(wù)器
hexo s
然后我們?cè)诘刂窓谥休斎?code>localhost:4000,回車就可以看到我們的博客啦叶骨。
七茫多、部署博客到GitHub上
我們首先登陸我們的GitHub賬號(hào)
在GitHub上新建一個(gè)倉(cāng)庫(kù)，倉(cāng)庫(kù)名稱必須為
<GitHub賬號(hào)名>.github.io添加自己的SSH秘鑰到自己的GitHub賬戶忽刽，以便于我們可以通過Git將自己的博客代碼上傳到GitHub(這一步在我們上面推薦的stormzhang的博客上也有講天揖，這里不再贅述)
獲得我們第二步創(chuàng)建的博客倉(cāng)庫(kù)的https地址夺欲，注意，這里是https地址今膊，不是git地址些阅，復(fù)制該地址
修改博客配置文件，我們打開博客所在目錄斑唬，找到
_config.yml文件市埋，打開在里面找到如下代碼并修改如下:
deploy:
type: git
repo: <你的博客倉(cāng)庫(kù)的https地址>
branch: master
注意：上面repo和你的博客地址之間有一個(gè)空格的間隔
- 在博客所在目錄右鍵打開Git命令行，輸入如下命令:
hexo g -d
命令執(zhí)行過程中可能會(huì)讓你輸入你的github賬號(hào)密碼赖钞，輸入即可腰素，只需要輸一次
- 查看部署效果，等命令執(zhí)行完之后我們?cè)跒g覽器中輸入
https://<你的github用戶名>.github.io就可以看到在線部署效果了雪营，是不是很激動(dòng)啊
八弓千、給博客更換主題
Hexo博客框架默認(rèn)提供了一套主題，如果你覺得不好看献起，可以去Hexo的主題官網(wǎng)去下載自己喜歡的主題并更換洋访，當(dāng)然你也可以自己寫一套自己的主題，下面說一下如何為我們的博客更換主題:
打開Hexo的主題網(wǎng)站Hexo主題網(wǎng)站
選擇我們喜歡的主題谴餐，點(diǎn)擊會(huì)跳轉(zhuǎn)到主題的GitHub地址姻政，然后復(fù)制該主題的https地址，然后我們可以打開我們博客所在目錄的themes文件夾下岂嗓，然后右鍵打開Git命令行汁展，執(zhí)行如下命令:
git clone <主題的https地址>
執(zhí)行完之后你的themes目錄下就會(huì)多出一個(gè)文件夾
- 修改配置文件，打開博客根目錄下的_config.yml文件厌殉，找到
theme:后加一個(gè)空格然后在后面寫上主題的名字食绿，如下:
theme: yelee
- 本地查看效果，在博客根目錄下右鍵打開Git命令行公罕，執(zhí)行如下命令:
hexo g
hexo s
然后在瀏覽器中輸入localhost:4000即可查看效果
- 部署新主題到GitHub上器紧，執(zhí)行如下命令:
# 先清除服務(wù)器緩存
hexo clean
hexo g -d
其實(shí)博客的注意還可以自定義配置許多內(nèi)容，這需要根據(jù)具體的主題配套的說明進(jìn)行主題的修改楼眷，這里不再贅述铲汪。
九、發(fā)布自己的文章
- 新建文件的md文件罐柳，在博客根目錄下之執(zhí)行如下命令:
hexo n "文章名稱"
寫博客掌腰，在
博客根目錄/source/_posts打開創(chuàng)建的md文件，在其中寫Markdown格式的文章發(fā)布文章到GitHub张吉，在博客根目錄右鍵打開Git命令行執(zhí)行如下命令:
hexo g -d
十辅斟、給博客綁定自己的域名
GitHub默認(rèn)讓我們通過https://<github用戶名>.github.io來訪問我們的博客，但我們可以選擇綁定自己的域名芦拿，下面說下具體步驟
申請(qǐng)自己的域名士飒，我們可以到萬(wàn)網(wǎng)、騰訊云蔗崎、西部數(shù)碼等許多網(wǎng)站去申請(qǐng)一個(gè)自己喜歡的域名酵幕，貌似現(xiàn)在的域名都是需要備案后才能正常訪問，一般的這種網(wǎng)站都會(huì)提供免費(fèi)備案服務(wù)缓苛，過程略繁瑣芳撒，但一般的官網(wǎng)都會(huì)一步步教你怎么把域名備案的，這里不再贅述未桥。
修改域名的DNS解析笔刹，騰訊云的不用修改，如果域名是從其他網(wǎng)站申請(qǐng)的冬耿，那我們必須將域名服務(wù)器修改為如下:
f1g1ns1.dnspod.net
f1g1ns2.dnspod.net
打開DNSPOD官網(wǎng)舌菜，DNSPOD官網(wǎng)，注冊(cè)一個(gè)賬號(hào)亦镶，然后將自己的域名添加進(jìn)去
獲得你博客的ip地址日月，我們打開命令行，在其中輸入
ping <你的github賬號(hào)>.github.io缤骨，然后就可以看到自己博客的ip了爱咬，復(fù)制下來添加域名解析，到DNSPOD網(wǎng)站上绊起，找到剛添加的域名精拟，點(diǎn)擊
添加解析，然后分別添加兩條解析虱歪，他們的主機(jī)記錄分別是@和www蜂绎，記錄值都是我們上一步獲得的ip，粘貼進(jìn)去就添加成功了实蔽。在
博客根目錄/source目錄下創(chuàng)建一個(gè)名為CNAME的文件荡碾，然后在其中寫上自己的域名，例如我的:
www.codekong.cn
然后切換到博客根目錄局装，右鍵打開Git命令行執(zhí)行提交命令:
hexo g -d
- 等待最多72小時(shí)坛吁，我們就可以通過我們自己的域名訪問我們的博客啦。
結(jié)語(yǔ)
以上就是我搭建自己博客的一些記錄铐尚，希望可以幫到需要的人拨脉。
