前段時(shí)間萌發(fā)自己搭建博客的念頭奇昙,沖動(dòng)之下買了個(gè)云服務(wù)器,奈何個(gè)人對(duì)html的東西實(shí)在不通藏研,折騰了幾天敬矩,blog依然丑的可以。后來無意間看見在github上可以搭建個(gè)人blog蠢挡,就用谷歌折騰該如何在github上搭建blog弧岳,奈何網(wǎng)上很多教程都過于古老,或者很多細(xì)節(jié)都含糊不清业踏,導(dǎo)致爬了好幾天幾天坑禽炬,才blog搭建了起來。
成功搭建的hexo網(wǎng)站
如何在github上搭建blog
本文分為三個(gè)部分:
- 本地環(huán)境搭建
- github 部署
- hexo 與github關(guān)聯(lián)
需要的的原料
- git
- github 賬號(hào)
- node js
- hexo
- 個(gè)人域名(可選)
本地環(huán)境搭建
- 安裝git
https://www.git-scm.com/download/win
選擇你需要的版本勤家,一路默認(rèn)安裝便可
- 安裝node js
- 32位下載地址
https://nodejs.org/dist/v4.2.3/node-v4.2.3-x86.msi
- 64位下載地址
https://nodejs.org/dist/v4.2.3/node-v4.2.3-x64.msi
下載完成后雙擊安裝腹尖,不做任何操作,一直默認(rèn)下去便可伐脖。
- 安裝完成后win+R調(diào)出CMD命令热幔,輸入
node -v
,校驗(yàn)是否安裝成功讼庇,如果出現(xiàn)以下信息绎巨,則表示安裝成功</br>
- 安裝完成node js后,在任意目錄下打開cmd命令窗口蠕啄,輸入以下命令來安裝hexo
npm install -g hexo
如果出現(xiàn)以下信息场勤,則表示hexo安裝成功</br>
- 接著輸入以下命令添加git依賴</br>
注意:</br>
- 該命令必須在hexo g 之前完成
- 部署這個(gè)命令一定要用git bash,否則會(huì)提示Permission denied (publickey).
npm install hexo-deployer-git --save
如果出現(xiàn)以下信息歼跟,則表示hexo git依賴安裝成功
- 創(chuàng)建hexo工程
在任意盤符中創(chuàng)建一個(gè)文件夾和媳,把它命名為hexo,打開該文件夾哈街,在該目錄下打開cmd留瞳,輸入以下命令
hexo init
hexo 便自動(dòng)創(chuàng)建了一個(gè)項(xiàng)目,目錄結(jié)構(gòu)如下:
- 現(xiàn)在在cmd命令下輸入以下命令
hexo server -p 5001
如果出現(xiàn)以下信息叹卷,表示你已經(jīng)生成了hexo工程撼港。
</br>
現(xiàn)在坪它,是時(shí)候在瀏覽器中展示你的成果了骤竹,在瀏覽器地址欄中帝牡,輸入以下地址,如果出現(xiàn)以下頁面蒙揣,該頁面便是你以后的blog的預(yù)覽效果靶溜。
http://localhost:5001/
github部署
如果以上的網(wǎng)頁能正常顯示,那么恭喜你懒震,本地環(huán)境搭建已經(jīng)基本完成罩息,現(xiàn)在是時(shí)候?qū)exo部署到github上了,將hexo部署你還需要完成幾個(gè)步驟:
創(chuàng)建一個(gè)github賬號(hào)
-
創(chuàng)建一個(gè)新的軟件倉庫个扰,名稱格式必須為:github的用戶名.github.io瓷炮。</br>
如:我的github用戶名為:AriaLyy,那么該軟件倉庫的名必須為: AriaLyy.github.io</br>
最終軟件倉庫如下:
-
現(xiàn)在點(diǎn)擊Settings递宅,往下拉娘香,如果你看見下圖的信息
Your site is published at http://AriaLyy.github.io/
只要出現(xiàn)可以點(diǎn)擊的網(wǎng)絡(luò)地址,那么表示github已經(jīng)成功幫你自動(dòng)生成一個(gè)靜態(tài)網(wǎng)站了办龄。 創(chuàng)建github ssk公鑰
在任意目錄打開CMD烘绽,輸入以下命令創(chuàng)建git ssh公鑰,一路回車下去便可
ssh-keygen -t rsa -C "key_name"
接著講ssh公鑰添加到github中俐填。</br>
ps:如果你碰到ssh-keygen不是內(nèi)部命令安接,那么你需要將git安裝目錄下的Git\usr\bin
路徑設(shè)置在環(huán)境變量中。
hexo 已github關(guān)聯(lián)
如果你已經(jīng)完成了以上的步驟英融,那么你離成功只剩下一步之遙盏檐。</br>
還記得我們的hexo工程,以及*.github.io的軟件倉嗎驶悟?</br>
打開該文件胡野,找到_config.yml文件,用文本編輯器打開撩银,找到deploy
字段给涕,添加以下信息
deploy:
type: git
repository: git@github.com:AriaLyy/AriaLyy.github.io.git # 這個(gè)配置為你*.github.io軟件倉庫clone地址
branch: master #分支為master分支
這里有幾點(diǎn)需要注意:
- 每個(gè)參數(shù),冒號(hào)后面额获,必須要有一個(gè)空格9幻怼!3T耪!!境肾!
- repository 參數(shù)需要 ssh 的clone地址
- branch 分支需要是master分支
如果你已經(jīng)配置好以上步驟剔难,接下來在hexo文件夾下打開cmd胆屿,輸入以下命令,將hexo工程部署到github上偶宫。</br>
hexo d -g
注意:部署這個(gè)命令一定要用git bash</br>
如果一切順利非迹,那么將會(huì)出現(xiàn)類似于下面的成功提示信息
那么在瀏覽器地址上輸入:你的*.github.io軟件倉庫的名稱,將會(huì)打開你的blog纯趋。
如果一切順利憎兽,請(qǐng)盡情享受你的喜悅吧。