Hexo搭建靜態(tài)個(gè)人博客

Hexo簡(jiǎn)介

之前在Github上托管的博客就是使用jekyll搭建的蚕泽,官方的Github Pages同樣推薦使用它。我之前體驗(yàn)了一下jekyll桥嗤,沒(méi)有達(dá)到我想要的效果须妻。于是尋找替代方案,搜索同類(lèi)博客程序泛领,我認(rèn)識(shí)了hexo荒吏,hexo出自臺(tái)灣大學(xué)生tommy351之手,是由Node.js驅(qū)動(dòng)的一款快速、簡(jiǎn)單且功能強(qiáng)大的博客框架渊鞋。Node.js是一個(gè)可以快速構(gòu)建網(wǎng)絡(luò)服務(wù)及應(yīng)用的平臺(tái) 司倚。該平臺(tái)的構(gòu)建是基于Chrome's JavaScript runtime,也就是說(shuō)篓像,實(shí)際上它是對(duì)Google V8引擎(應(yīng)用于Google Chrome瀏覽器)進(jìn)行了封裝。V8引擎執(zhí)行Javascript的速度非趁笏牛快员辩,性能非常好。Node對(duì)一些特殊用例進(jìn)行了優(yōu)化鸵鸥,提供了替代的API奠滑,使得V8在非瀏覽器環(huán)境下運(yùn)行得更好。它和jekyll相比妒穴,更快宋税,更輕量。

Hexo官網(wǎng)

Hexo安裝

  • 安裝 git

    • Linux發(fā)行版直接使用包管理工具安裝
    • Windows: Git-Downloads
  • 安裝 node.js

    • Gentoo package: net-libs/nodejs
    • Arch: nodejs npm
    • Windows: node.js
  • 安裝hexo

npm install -g hexo-cli 

配置Hexo

  • 初始化博客根目錄
hexo init blog
cd blog
  • 安裝依賴(lài)包
npm install

安裝之后讼油,項(xiàng)目目錄下出現(xiàn)如下文件結(jié)構(gòu):

.
├── _config.yml     全局配置文件
├── package.json
├── scaffolds
├── scripts
├── source           文章存放位置
| ├── _drafts        草稿
| └── _posts         文章
└── themes

插件和主題

  • plugins: 插件

添加插件的基本操作是:

npm install <plugin-name> --save
npm update

然后修改blog根目錄下的_config.yml杰赛,添加:

plugins:
- plugin-name
  • themes:

安裝主題:

git clone <repository> themes/<theme-name>

無(wú)論是插件還是主題在安裝后都需要在根目錄下_config.yml中修改plugins和theme的值以啟用他們。

本博客使用pacman主題矮台,扁平化設(shè)計(jì)乏屯,響應(yīng)速快根时,推薦使用。修改配置參考: http://yangjian.me/workspace/introducing-pacman-theme/

推薦Next主題:
Next使用文檔
Github源碼

寫(xiě)文章

使用Markdown語(yǔ)法編輯文章辰晕。使用hexo new命令生成文章或者直接在_posts目錄下直接創(chuàng)建文件蛤迎,打開(kāi)后先編輯文章頭部信息,如下所示是本文的頭部信息含友,以---結(jié)尾替裆。

---
title: 使用Hexo搭建個(gè)人靜態(tài)博客  #文章頁(yè)面上的顯示名稱(chēng),可以任意修改窘问,不會(huì)出現(xiàn)在URL中
layout: post
date: 2014-11-10 10:07:43  #文章生成時(shí)間辆童,一般不改,當(dāng)然也可以任意修改
updated: 2014-11-12 13:24
comments: true
categories: 
- Git
tags: 
- hexo
- pages
---

文章摘要

在需要顯示摘要的地方添加如下代碼即可:

以上是摘要
<!--more-->
以下是余下全文

文章中插入圖片

使用markdown寫(xiě)文章南缓,插入圖片的格式為![](鏈接地址)胸遇,這里要說(shuō)的是鏈接地址怎么寫(xiě)。對(duì)于hexo汉形,使用本地路徑:在/source目錄下新建一個(gè)img文件夾纸镊,將圖片放入該文件夾下,插入圖片時(shí)鏈接即為/img/圖片名稱(chēng)概疆。

發(fā)布博客

這里的發(fā)布也是十分簡(jiǎn)單的逗威,首先在github上創(chuàng)建名為yourname.github.io的repo,接著修改_config.yml中的deploy字段岔冀,最后執(zhí)行hexo d(前提是你已經(jīng)在github上添加了你本機(jī)的ssh key)凯旭,OK,現(xiàn)在通過(guò)yourname.github.io已經(jīng)可以訪(fǎng)問(wèn)你的博客了使套。

如果是博客主頁(yè)以github項(xiàng)目的方式創(chuàng)建罐呼,分支選擇gh-pages。

deploy:
type: git
repo: git@github.com:yourname/yourname.github.io.git
or
repo: https://github.com/yourname/yourname.github.io.git
branch: master

或 多個(gè)平臺(tái)同時(shí)發(fā)布

deploy:
type: git
repo:
  github: https://github.com/yourname/yourname.github.io.git,master
  coding: https://coding.net/yourname/yourname.git,gh-pages

version 3開(kāi)始, type類(lèi)型改為 git 侦高,同時(shí)嫉柴,需要安裝 hexo-deployer-git 插件.

npm install hexo-deployer-git --save

Hexo使用

init 初始化博客

hexo init [folder]

如果目錄不存在,將設(shè)置初始化當(dāng)前目錄

new 創(chuàng)建新文章

hexo new [layout] <title>

默認(rèn)layout是post

generate 生成靜態(tài)網(wǎng)頁(yè)文件

hexo generate

publish 發(fā)布草稿

hexo publish [layout] <filename>

server 啟動(dòng)本地服務(wù)

hexo server

搭建本地server奉呛,進(jìn)行文章預(yù)覽調(diào)試计螺。
瀏覽器輸入http://localhost:4000 就可以看到效果。

deploy 發(fā)布博客

hexo deploy

clean 清除緩存

hexo clean

清除緩存文件:Cleans the cache file (db.json) and generated files (public).

list 顯示博客結(jié)構(gòu)

hexo list route

列出生成的所有博客文件路徑

常用命令

Hexo現(xiàn)在支持更加簡(jiǎn)單的命令格式了瞧壮,比如:

hexo n == hexo new
hexo g == hexo generate
hexo p == hexo publish
hexo s == hexo server
hexo d == hexo deploy
發(fā)布博客命令:
hexo g -d

hexo d -g

參考:

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末登馒,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子咆槽,更是在濱河造成了極大的恐慌陈轿,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,194評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異济欢,居然都是意外死亡赠堵,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門(mén)法褥,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)茫叭,“玉大人,你說(shuō)我怎么就攤上這事半等∽岢睿” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,780評(píng)論 0 346
  • 文/不壞的土叔 我叫張陵杀饵,是天一觀的道長(zhǎng)莽囤。 經(jīng)常有香客問(wèn)我,道長(zhǎng)切距,這世上最難降的妖魔是什么朽缎? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,388評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮谜悟,結(jié)果婚禮上话肖,老公的妹妹穿的比我還像新娘。我一直安慰自己葡幸,他們只是感情好最筒,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著蔚叨,像睡著了一般床蜘。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上蔑水,一...
    開(kāi)封第一講書(shū)人閱讀 49,764評(píng)論 1 290
  • 那天邢锯,我揣著相機(jī)與錄音,去河邊找鬼搀别。 笑死丹擎,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的领曼。 我是一名探鬼主播,決...
    沈念sama閱讀 38,907評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼蛮穿,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼庶骄!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起践磅,我...
    開(kāi)封第一講書(shū)人閱讀 37,679評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤单刁,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體羔飞,經(jīng)...
    沈念sama閱讀 44,122評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡肺樟,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了逻淌。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片么伯。...
    茶點(diǎn)故事閱讀 38,605評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖卡儒,靈堂內(nèi)的尸體忽然破棺而出田柔,到底是詐尸還是另有隱情,我是刑警寧澤骨望,帶...
    沈念sama閱讀 34,270評(píng)論 4 329
  • 正文 年R本政府宣布硬爆,位于F島的核電站,受9級(jí)特大地震影響擎鸠,放射性物質(zhì)發(fā)生泄漏缀磕。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評(píng)論 3 312
  • 文/蒙蒙 一劣光、第九天 我趴在偏房一處隱蔽的房頂上張望袜蚕。 院中可真熱鬧,春花似錦赎线、人聲如沸廷没。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,734評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)颠黎。三九已至,卻和暖如春滞项,著一層夾襖步出監(jiān)牢的瞬間狭归,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,961評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工文判, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留过椎,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,297評(píng)論 2 360
  • 正文 我出身青樓戏仓,卻偏偏與公主長(zhǎng)得像疚宇,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子赏殃,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評(píng)論 2 348

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