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安裝
-
安裝
git
- Linux發(fā)行版直接使用包管理工具安裝
- Windows: Git-Downloads
-
安裝
node.js
- Gentoo package:
net-libs/nodejs
- Arch:
nodejs
npm
- Windows: node.js
- Gentoo package:
安裝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/
寫(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
參考: