Hexo的安裝記錄

參考文獻(xiàn):
hexo中文文檔
http://opiece.me/2015/04/09/hexo-guide/
http://blog.csdn.net/jzooo/article/details/46781805
http://blog.csdn.net/xuezhisdc/article/details/53130328

博主環(huán)境:Windows8.1

1. 前置條件—— 安裝Git、Node.js

參考 hexo中文文檔 概述篇,沒什么要補(bǔ)充的。

2. 安裝Hexo

第一步:

前置條件滿足后,即Git伍俘、Node.js安裝完成后,即可使用npm 安裝 Hexo闯团。
(npm是Git下的命令千诬。若出現(xiàn)命令無法執(zhí)行,檢查下環(huán)境變量PATH蚪黑。)

$ npm install -g hexo-cli

安裝完成后的界面如下圖:

圖2-1 npm install -g hexo-cli

第二步:設(shè)置初始環(huán)境

安裝 Hexo 完成后盅惜,請執(zhí)行下列命令,Hexo 將會在指定文件夾中新建所需要的文件忌穿。這個指定的文件夾就是以后的工作目錄抒寂。我將它放在了G:\Hexo 路徑下。

$ hexo init <folder>
$ hexo init G:\Hexo     #我將它放在了G:\Hexo 路徑下掠剑。

安裝完成后的界面如下圖:


圖2-2 hexo init <folder>

第三步:安裝依賴

切換到安裝的指定文件夾中屈芜,安裝依賴文件,命令如下:

$ cd <folder>
$ npm install
#這里建議在安裝一些組件朴译,防止后續(xù)的一些問題的出現(xiàn)
npm install hexo-server --save
npm install hexo-admin --save
npm install hexo-generator-archive --save
npm install hexo-generator-feed --save
npm install hexo-generator-search --save
npm install hexo-generator-tag --save
npm install hexo-deployer-git --save
npm install hexo-generator-sitemap --save

$ npm install 這個命令應(yīng)該是用來安裝一些Node.js 模塊井佑。我命令執(zhí)行的結(jié)果如下:

圖2-3 npm install

看警告提示,大意是“跳過可選依賴:…………”眠寿,命令應(yīng)該是已經(jīng)執(zhí)行成功了毅糟,這個WARN 警告可以忽視。

此時已經(jīng)安裝完成了澜公。完成后的指定文件夾下的目錄內(nèi)容如下:
dir命令查看

圖2-4 dir

圖2-5 GUI界面

文件目錄說明

參見 Hexo中文文檔 建站

_config.yml

網(wǎng)站的配置信息,可以配置大部分的參數(shù)

package.json

應(yīng)用程序的信息喇肋。EJS, StylusMarkdown renderer 已默認(rèn)安裝坟乾,您可以自由移除。

package.json
{
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "hexo": {
    "version": ""
  },
  "dependencies": {
    "hexo": "^3.0.0",
    "hexo-generator-archive": "^0.1.0",
    "hexo-generator-category": "^0.1.0",
    "hexo-generator-index": "^0.1.0",
    "hexo-generator-tag": "^0.1.0",
    "hexo-renderer-ejs": "^0.1.0",
    "hexo-renderer-stylus": "^0.2.0",
    "hexo-renderer-marked": "^0.2.4",
    "hexo-server": "^0.1.2"
  }
}

scaffolds

模版 文件夾蝶防。當(dāng)您新建文章時甚侣,Hexo 會根據(jù) scaffold 來建立文件。
Hexo的模板是指在新建的markdown文件中默認(rèn)填充的內(nèi)容间学。例如殷费,如果您修改scaffold/post.md中的Front-matter內(nèi)容印荔,那么每次新建一篇文章時都會包含這個修改。

source

資源文件夾是存放用戶資源的地方详羡。除 _posts 文件夾之外仍律,開頭命名為 _ (下劃線)的文件 / 文件夾和隱藏的文件將會被忽略。Markdown 和 HTML 文件會被解析并放到 public 文件夾实柠,而其他文件會被拷貝過去水泉。

themes

主題 文件夾。Hexo 會根據(jù)主題來生成靜態(tài)頁面窒盐。

本地預(yù)覽Hexo博客

第一次使用hexo草则,在本地創(chuàng)建服務(wù)器使用。

hexo generate    # 生成靜態(tài)頁面
hexo s           # 開啟本地服務(wù)器
圖4-1 hexo s

打開瀏覽器蟹漓,輸入URL:localhost:4000(或127.0.0.1:4000)炕横,即可在本地預(yù)覽,如下:


圖4-2 本地預(yù)覽

按【CTRL + C】 后葡粒,即可停止本地服務(wù)器:

圖4-3 關(guān)閉本地服務(wù)器

將hexo博客部署到github上

Github 準(zhǔn)備

首先你要先有一個Github 賬號份殿,可以直接去注冊一個賬號。
注冊完成之后塔鳍,登錄伯铣,創(chuàng)建一個新的存儲倉庫:new repositories

圖5-1 新建倉庫

點(diǎn)擊新建倉庫之后,界面如下:
注意:箭頭所指部分填寫倉庫名轮纫,倉庫名格式應(yīng)該為:用戶名.github.io

圖5-2 倉庫命名

圖5-3 協(xié)議選擇

將hexo部署到Github上

修改配置文件blog/_config.yml腔寡,修改deploy項(xiàng)的內(nèi)容(在文件末尾)。修改方式有兩種掌唾。

第一種:

利用SSH鏈接協(xié)議放前,如下所示:

# Deployment 注釋
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:XavierRoot/XavierRoot.github.io.git
  branch: master

第二種:

利用http協(xié)議,如下所示:

# Deployment 注釋
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/XavierRoot/XavierRoot.github.io.git
  branch: master

注意:type: git中的冒號后面是有空格的糯彬。
輸入下面的命令將hexo博客部署到github中:

hexo clean     # 清空靜態(tài)頁面
hexo generate  # 生成靜態(tài)頁面
hexo deploy    # 上傳到倉庫 

打開網(wǎng)頁凭语,輸入URL:http://Github用戶名.github.io,即可打開博客撩扒。

還有一種部署到Github上的方法似扔,參見:最簡單的Hexo搭建博客教程
大致說下基本思路:就是下載一個Github客戶端,然后Clone下來你剛創(chuàng)建的倉庫搓谆。再將hexo中的public文件夾下的所有東西全部粘貼到你剛剛Clone下來的倉庫中炒辉,通過Github客戶端提交上去,完成部署泉手。
感興趣的朋友可以自行嘗試黔寇。

到這里,基本的安裝就結(jié)束了斩萌,但是hexo還有很多的功能尚未接觸缝裤,也將在接下來使用過程中屏轰,一點(diǎn)點(diǎn)的去學(xué)習(xí),與大家共同進(jìn)步憋飞。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末霎苗,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子搀崭,更是在濱河造成了極大的恐慌叨粘,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,590評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件瘤睹,死亡現(xiàn)場離奇詭異升敲,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)轰传,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,157評論 3 399
  • 文/潘曉璐 我一進(jìn)店門驴党,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人获茬,你說我怎么就攤上這事港庄。” “怎么了恕曲?”我有些...
    開封第一講書人閱讀 169,301評論 0 362
  • 文/不壞的土叔 我叫張陵鹏氧,是天一觀的道長。 經(jīng)常有香客問我佩谣,道長把还,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,078評論 1 300
  • 正文 為了忘掉前任茸俭,我火速辦了婚禮吊履,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘调鬓。我一直安慰自己艇炎,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,082評論 6 398
  • 文/花漫 我一把揭開白布腾窝。 她就那樣靜靜地躺著缀踪,像睡著了一般。 火紅的嫁衣襯著肌膚如雪虹脯。 梳的紋絲不亂的頭發(fā)上驴娃,一...
    開封第一講書人閱讀 52,682評論 1 312
  • 那天,我揣著相機(jī)與錄音归形,去河邊找鬼。 笑死鼻由,一個胖子當(dāng)著我的面吹牛暇榴,可吹牛的內(nèi)容都是我干的厚棵。 我是一名探鬼主播,決...
    沈念sama閱讀 41,155評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼蔼紧,長吁一口氣:“原來是場噩夢啊……” “哼婆硬!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起奸例,我...
    開封第一講書人閱讀 40,098評論 0 277
  • 序言:老撾萬榮一對情侶失蹤彬犯,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后查吊,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體谐区,經(jīng)...
    沈念sama閱讀 46,638評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,701評論 3 342
  • 正文 我和宋清朗相戀三年逻卖,在試婚紗的時候發(fā)現(xiàn)自己被綠了宋列。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,852評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡评也,死狀恐怖炼杖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情盗迟,我是刑警寧澤坤邪,帶...
    沈念sama閱讀 36,520評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站罚缕,受9級特大地震影響艇纺,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜怕磨,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,181評論 3 335
  • 文/蒙蒙 一喂饥、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧肠鲫,春花似錦员帮、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,674評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至渣锦,卻和暖如春硝岗,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背袋毙。 一陣腳步聲響...
    開封第一講書人閱讀 33,788評論 1 274
  • 我被黑心中介騙來泰國打工型檀, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人听盖。 一個月前我還...
    沈念sama閱讀 49,279評論 3 379
  • 正文 我出身青樓胀溺,卻偏偏與公主長得像裂七,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子仓坞,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,851評論 2 361

推薦閱讀更多精彩內(nèi)容