什么是Hexo
Hexo是一個(gè)基于Nodejs快速簡(jiǎn)潔高效的博客框架,Hexo使用Markdown語(yǔ)法來(lái)編輯文章跃脊,只需要幾秒鐘的時(shí)間就可以成生靜態(tài)的網(wǎng)頁(yè)胞得。整個(gè)系統(tǒng)就是一個(gè)博客系統(tǒng)涡扼。
安裝Hexo
Hexo是基于Nodejs的博客系統(tǒng)稼跳,在安裝Hexo之前需要安裝Nodejs,把博客搭建在免費(fèi)的GitHub上吃沪,所以需要安裝Git汤善。如果你已經(jīng)安裝上述軟件,可以跳過(guò)以下的1,2步驟
安裝Nodejs
Node.js的官網(wǎng)下載地址是:https://nodejs.org/票彪,下載好之后红淡,雙擊安裝,一路Next即可抹镊,只需要記住Node.js的安裝路徑锉屈,一般路徑是''C:\Program Files\nodejs'' 。注意的是需要添加hexo和npm到環(huán)境變量垮耳,路徑分別是 C:\Program Files\nodejs;C:\Program Files\nodejs\node_modules\npm;
安裝Git for windows
Git for windows 的下載地址是:https://git-for-windows.github.io/颈渊,下載好后也同樣是一路Next安裝即可。
安裝Hexo
右鍵桌面任意位置终佛,打開Git Bash俊嗽,執(zhí)行命令:
npm install -g hexo
如果是出現(xiàn)錯(cuò)誤,一般是因?yàn)楸粔Φ脑蛄逭茫梢該Q國(guó)內(nèi)的鏡像源試試绍豁。
npm config set registry="http://registry.cnpmjs.org"
npm install -g hexo
創(chuàng)建Hexo文件夾
創(chuàng)建一個(gè)新的文件夾(如E:\hexo),打開Git Bash
cd /e/hexo
hexo init
這一步是在hexo目錄下建立網(wǎng)站所需要的所有文件,除了如下的public/文件夾(public文件是生成的靜態(tài)網(wǎng)站)
至此本地的Hexo博客系統(tǒng)算是已經(jīng)搭建完成了
Hexo基本命令
下面是在編輯博客和生成博客所需要的幾個(gè)常見的命令以及它們的縮寫形式牙捉。即使用新版本的Hexo兩邊是等價(jià)的命令竹揍。
hexo generate = hexo g
hexo server = hexo s
hexo delopy = hexo d
hexo new = hexo n
hexo g
hexo g 是生成靜態(tài)博客的命令,一般是對(duì)博客系統(tǒng)修改之后通過(guò)該命令來(lái)重新生成public 文件夾邪铲,比如添加芬位、修改、刪除一篇博文带到,對(duì)博客的卑職文件修改昧碉,修改主題和添加插件等操作都是需要通過(guò)該指令Hexo g來(lái)重新生成的。
hexo s
hexo s是在本地上開啟博客系統(tǒng)揽惹,一般修改博客之后需要在本地上預(yù)覽調(diào)試被饿,執(zhí)行hexo g && hexo s 可以在本地瀏覽器上查看(瀏覽器上輸入 http://localhost:4000)。
hexo d
hexo d是上傳你的博客到服務(wù)器搪搏,接下來(lái)我會(huì)介紹如何上傳到git狭握,然后就可以在github.io上查看你的博客了。
hexo n
hexo n “< blog name >”是創(chuàng)建一篇新的博客慕嚷,執(zhí)行該命令之后在 E:\hexo\source_posts 目錄下產(chǎn)生< blog name >.md文件哥牍,這是你的一篇新博客毕泌『燃欤可以在markdown工具下編寫嗅辣,這里我就不詳細(xì)介紹了,詳細(xì)可以看這篇說(shuō)明:Markdown 語(yǔ)法說(shuō)明(簡(jiǎn)體中文版)
部署到Github
在github上創(chuàng)建一個(gè)倉(cāng)庫(kù)
剛才的步驟已經(jīng)可以在本地上編輯文章挠说,然后在本地可以查看效果了澡谭。接下來(lái)就是講博客系統(tǒng)部署到Github上。如果不清楚github是干什么用的损俭,可以查看維基百科:github -wiki
在github上注冊(cè)一個(gè)賬號(hào)蛙奖,如果有就省去這一步,創(chuàng)建一個(gè)倉(cāng)庫(kù)杆兵,Repository name和自己的用戶名相同雁仲。比如我的用戶名為wenjunoy,那么Repository wenjunoy.github.io
配置SSH
上傳文件需要配置ssh key琐脏,不然無(wú)法上傳攒砖。
設(shè)置name和emai
git config --global user.name "<your name>"
git config --global user.email "<your email>"
需要注意的是這里的name是隨意的,郵箱是你的聯(lián)系郵箱日裙,與github上的郵箱無(wú)關(guān)吹艇。
生成ssh 密鑰
ssh-keygen -t rsa -C "<your github's email>"
一路按回車鍵即可,如果設(shè)置了密碼請(qǐng)記住昂拂。
這一步在~/.ssh/下生成了兩個(gè)文件id_rsa 和 id_rsa.pub
在Github上添加SSH密鑰
打開上述的id_rsa.pub 文件受神,復(fù)制其內(nèi)容,在https://github.com/settings/keys下 add new ssh key格侯,
title隨便填寫鼻听,作為你的電腦的一個(gè)記號(hào)。確定即可联四。
測(cè)試
ssh git@github.com
顯示如下即成功
The authenticity of host 'github.com (192.30.252.128)' can't be established.
RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.
Are you sure you want to continue connecting (yes/no)? yes
Warning: Permanently added 'github.com,192.30.252.128' (RSA) to the list of known hosts.
Hi wenjunoy! You've successfully authenticated, but GitHub does not provide shell access.
Connection to github.com closed.
部署到Github
配置_config.yml
編輯E:\hexo 下的_config.yml撑碴,修改 Deployment部分
# Deployment
## Docs: https://hexo.io/docs/deployment.html
# ssh://git@github.com/wenjunoy/wenjunoy.github.io
deploy:
type: git
repo: ssh://git@github.com/wenjunoy/wenjunoy.github.io ##這個(gè)是你的倉(cāng)庫(kù)地址
branch: master
注意和每個(gè)分好右面需要添加空格
部署
hexo d
部署,執(zhí)行該命令發(fā)現(xiàn)報(bào)錯(cuò)
ERROR Deployer not found: git
執(zhí)行如下命令在hexo d
npm install hexo-deployer-git --save
hexo d
根據(jù)提示輸入用戶名和密碼碎连,等待一會(huì)便成功了
然后瀏覽器上訪問(wèn):http://wenjunoy.github.io灰羽,可以看到hexo博客搭建成功。接下來(lái)就是專注于寫博客吧鱼辙。