歡迎關(guān)注我的博客
安裝篇:
環(huán)境配置:
1.node js(點(diǎn)擊下載,建議LTS版本)
2.git
3.Cmd MarkDown
依次下載后就可以安裝啦,如果你看過(guò)其他的博客的話,不用配置環(huán)境,按照軟件的默認(rèn)設(shè)置安裝就好,唯一需要注意的是,node js和git軟件的安裝一定要記得把path項(xiàng)勾上(當(dāng)然path原本是勾選的),不需要什么特別配置,一路next就好啦.
當(dāng)node js和git安裝好后,我們要先檢查一下,是否可以調(diào)用,用win+r打開運(yùn)行,輸入cmd,通過(guò)兩個(gè)命令來(lái)檢查一下是否安裝就位:
node -v
git --version
如果顯示:
恭喜你,第一步成功了!
hexo的安裝:
1.利用npm安裝:
npm install hexo-cli -g
稍等片刻,我們的hexo便會(huì)安裝成功了.
2.還記得我們的git么?
現(xiàn)在就是git出馬的時(shí)候了,如果你還不知道的git版本控制,那么請(qǐng)先花10分鐘閱讀一下維基百科上關(guān)于git和github以及之后我們要部署的github pages的相關(guān)內(nèi)容.
看完了?對(duì)么,那么讓我們開始吧,如果沒(méi)有記錯(cuò)的話,這時(shí)你的右鍵菜單中一定會(huì)多出兩個(gè)這種東西
Git GUI here和Git Bash here
這就是我們需要的,GUI是圖形窗口,圖形窗口誰(shuí)不會(huì)啊,所以我們選擇打開bash,依次輸入:cd d:/
mkdir hexo && cd hexo
然后執(zhí)行:
hexo init
初始化hexo倉(cāng)庫(kù)安裝依賴包:
npm install
這時(shí)我們的hexo博客便已經(jīng)搭建完成了.
執(zhí)行
hexo g
生成靜態(tài)html的代碼再在bash中執(zhí)行
hexo s --debug
就可在瀏覽器中輸入http://localhost:4000來(lái)訪問(wèn)自己的博客啦!
部署篇:
關(guān)于github的賬號(hào)注冊(cè)以及創(chuàng)建repository問(wèn)題,可參閱這里.本篇不再累述.
假設(shè)倉(cāng)庫(kù)已經(jīng)準(zhǔn)備好了,建議倉(cāng)庫(kù)地址使用ssh.具體可參閱stormZhang的公眾號(hào).
這時(shí)打開hexo目錄下的_config.yml
文件(使用sublime)滑到文件最底端,按照我的模板填寫:
deploy:
type: git(注意,冒號(hào)之后有一個(gè)空格)
repo: 復(fù)制的倉(cāng)庫(kù)鏈接
branch: master
這時(shí)進(jìn)入bash中,執(zhí)行:
npm install hexo-deployer-git --save
(防止出現(xiàn)不能識(shí)別git的錯(cuò)誤)
hexo g
hexo d
這時(shí)瀏覽器中輸入username.github.io即可訪問(wèn)你的博客了;可能你會(huì)覺(jué)的他的默認(rèn)主題很丑,這是我們就需要在主題上花一番功夫了,這里寫的很好.
填坑篇:
github的repository和theme部分我沒(méi)有寫,只是需要注意的是安裝完hexo后的操作,全部需要在git bash中進(jìn)行,千萬(wàn)不要在cmd中輸入命令.
CNAME問(wèn)題:
當(dāng)你有自己的域名時(shí)可以選擇綁定到自己的域名,在你自己注冊(cè)域名的地方設(shè)置兩條CNAME跳轉(zhuǎn),分別是@匹配和www匹配,地址輸入username.github.io
,然后在hexo文件夾下的public文件夾下新建一個(gè)名為CNAME(注意大小寫,沒(méi)有后綴名),輸入你自己的域名就好了.public文件夾不更行問(wèn)題,這個(gè)問(wèn)題可能比較小眾,一般都是由于你的主題配置文件
_config.yml
更改的格式不對(duì),這時(shí)我們需要在hexo g
時(shí),注意輸出的提示,觀察哪里出現(xiàn)了問(wèn)題,一般都是主題的插件沒(méi)有安裝,而開啟了相應(yīng)功能
后續(xù)使用篇:
/c/Users/h/AppData/Roaming/npm/hexo: line 12: node: command not found
(更新于2017-02-04)
在我配置好java的環(huán)境變量后,Git bash敲下命令hexo g旭等,居然出現(xiàn)上述錯(cuò)誤信息寄月,然后發(fā)現(xiàn)輸入任何有關(guān)hexo的命令都是同樣的錯(cuò)誤晨汹,我又試著敲了npm這個(gè)命令卢肃,發(fā)現(xiàn)也是出錯(cuò)的,于是我想估計(jì)是環(huán)境變量設(shè)置有問(wèn)題吟宦,我在用戶的環(huán)境變量PATH中添加了兩個(gè)路徑,分別是C:\Users\h\node_modules\hexo\bin和C:\software\nodejs,再加上原來(lái)就添加的路徑C:\Users\h\AppData\Roaming\npm扛邑,發(fā)現(xiàn)就解決這個(gè)問(wèn)題了,可以正常修改博文铐然,然后發(fā)布網(wǎng)站蔬崩。
不過(guò),我也不清楚是否完全解決這個(gè)問(wèn)題搀暑,還需要觀察一段時(shí)間沥阳。