使用Hexo搭建博客

引言

Hexo 是一個(gè)快速帝簇、簡潔且高效的博客框架贬芥,使用Markdown解析,生成靜態(tài)網(wǎng)頁调缨。本文介紹Hexo的安裝過程疮鲫,及基本使用。

安裝

準(zhǔn)備

安裝前需準(zhǔn)備以下應(yīng)用:

Git
Node.js

安裝Hexo

準(zhǔn)備完畢后弦叶,執(zhí)行如下命令安裝Hexo

$ npm install hexo-cli -g
$ npm install hexo --save

初始化

安裝 Hexo 完成后俊犯,請(qǐng)執(zhí)行下列命令,Hexo 將會(huì)在指定文件夾中新建所需要的文件伤哺。

$ hexo init <folder>
$ cd <folder>
$ npm install

新建完成后燕侠,文件夾目錄如下:

.
├── _config.yml
├── package.json
├── scaffolds
├── scripts
├── source
|   ├── _drafts
|   └── _posts
└── themes

其中:

_config.yml 全局配置文件
package.json 應(yīng)用程序的信息
scaffolds 模版文件夾
scripts 腳本文件夾
source 資源文件夾是存放用戶資源的地方
themes 存放皮膚的文件夾,默認(rèn)皮膚為landscape

安裝插件

可按需選擇插件安裝

$ 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 --save
$ npm install hexo-renderer-stylus --save
$ npm install hexo-generator-feed --save
$ npm install hexo-generator-sitemap --save

更多插件:https://hexo.io/plugins/

至此,安裝完畢立莉,執(zhí)行如下命令后可至127.0.0.1:4000預(yù)覽Hello World绢彤。

hexo server

使用

配置

可以在 _config.yml 中修改大部份的配置,這里引用官方文檔里描述蜓耻。
https://hexo.io/zh-cn/docs/configuration.html

寫文章

可以直接在source/_posts文件夾下新建.md文件茫舶,或者使用如下命令新建文章。
$ hexo new post <title>

使用命令生成的文章刹淌,會(huì)套用scaffolds下面的模板饶氏,模板中可以自定義參數(shù)。

參數(shù)            描述                默認(rèn)值
layout        布局    
title        標(biāo)題    
date        建立日期            文件建立日期
updated        更新日期            文件更新日期
comments    開啟文章的評(píng)論功能    true
tags        標(biāo)簽(不適用于分頁)    
categories    分類(不適用于分頁)    
permalink    覆蓋文章網(wǎng)址    

文章使用Markdown書寫芦鳍,寫完后

hexo server

就可以本地預(yù)覽了嚷往。

部署到Github

Github為個(gè)人和項(xiàng)目提供了頁面展示的功能,以個(gè)人為例柠衅,創(chuàng)建一個(gè)以

username.github.io

為名稱的公開倉庫皮仁。當(dāng)部署完畢后,便可以訪問個(gè)人主頁菲宴。

http://username.github.io

Hexo提供了方便的部署功能贷祈,可以將生成的靜態(tài)頁面推到git倉庫。在_config.yml文件中配置如下信息喝峦。

deploy:
  type: git
  repo: https://github.com/username/username.github.io.git
  branch: master

同時(shí)記得安裝hexo-deployer-git插件,就可以將靜態(tài)頁面推到github中了势誊。

hexo g #生成頁面
hexo d #部署

參考

https://hexo.io/zh-cn/docs/
http://wsgzao.github.io/post/hexo-guide/

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市谣蠢,隨后出現(xiàn)的幾起案子粟耻,更是在濱河造成了極大的恐慌查近,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,204評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件挤忙,死亡現(xiàn)場離奇詭異霜威,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)册烈,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門戈泼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人赏僧,你說我怎么就攤上這事大猛。” “怎么了淀零?”我有些...
    開封第一講書人閱讀 164,548評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵挽绩,是天一觀的道長。 經(jīng)常有香客問我窑滞,道長琼牧,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,657評(píng)論 1 293
  • 正文 為了忘掉前任哀卫,我火速辦了婚禮巨坊,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘此改。我一直安慰自己趾撵,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,689評(píng)論 6 392
  • 文/花漫 我一把揭開白布共啃。 她就那樣靜靜地躺著占调,像睡著了一般。 火紅的嫁衣襯著肌膚如雪移剪。 梳的紋絲不亂的頭發(fā)上究珊,一...
    開封第一講書人閱讀 51,554評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音纵苛,去河邊找鬼剿涮。 笑死,一個(gè)胖子當(dāng)著我的面吹牛攻人,可吹牛的內(nèi)容都是我干的取试。 我是一名探鬼主播,決...
    沈念sama閱讀 40,302評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼怀吻,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼瞬浓!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起蓬坡,我...
    開封第一講書人閱讀 39,216評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤猿棉,失蹤者是張志新(化名)和其女友劉穎磅叛,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體铺根,經(jīng)...
    沈念sama閱讀 45,661評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡宪躯,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,851評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了位迂。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,977評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡详瑞,死狀恐怖掂林,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情坝橡,我是刑警寧澤泻帮,帶...
    沈念sama閱讀 35,697評(píng)論 5 347
  • 正文 年R本政府宣布,位于F島的核電站计寇,受9級(jí)特大地震影響锣杂,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜番宁,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,306評(píng)論 3 330
  • 文/蒙蒙 一元莫、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧蝶押,春花似錦踱蠢、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,898評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至赶盔,卻和暖如春企锌,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背于未。 一陣腳步聲響...
    開封第一講書人閱讀 33,019評(píng)論 1 270
  • 我被黑心中介騙來泰國打工撕攒, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人沉眶。 一個(gè)月前我還...
    沈念sama閱讀 48,138評(píng)論 3 370
  • 正文 我出身青樓打却,卻偏偏與公主長得像,于是被迫代替她去往敵國和親谎倔。 傳聞我的和親對(duì)象是個(gè)殘疾皇子柳击,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,927評(píng)論 2 355

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

  • tags: Hexo;Githubcategories: 前端工具歡迎點(diǎn)擊我的博客原文 每周一篇的頻率更新博客片习,今...
    淺茉Sara閱讀 4,389評(píng)論 5 25
  • 之前在博客園捌肴、簡書蹬叭、CSDN等地兒都開過博,一篇文章寫好了状知,我希望能在幾個(gè)平臺(tái)可以同步發(fā)布秽五,可是操作起來成本不低。...
    zchongr閱讀 8,450評(píng)論 0 2
  • 百科知識(shí)的概述及解釋
    帥氣_饅頭閱讀 213評(píng)論 0 0
  • 近期再看c語言饥悴,感覺對(duì)oc的理解又更深了一層坦喘,但是因?yàn)閷?shí)在命令提示符中來編寫c代碼,所以調(diào)試起來感覺很不方便西设,后來...
    一葉__知秋閱讀 1,274評(píng)論 0 49
  • “hi瓣铣!大家好,你們猜猜我是誰呀贷揽?我就是那‘聞名于世’的蚊子棠笑。我可出名兒了!不相信禽绪,你問問蓖救,現(xiàn)在哪家哪戶不認(rèn)...
    紫韻TQ閱讀 311評(píng)論 2 2