Hexo搭建靜態我的博客

Hexo簡介

以前在Github上託管的博客就是使用jekyll搭建的,官方的Github Pages一樣推薦使用它。我以前體驗了一下jekyll,沒有達到我想要的效果。因而尋找替代方案,搜索同類博客程序,我認識了hexo,hexo出自臺灣大學生tommy351之手,是由Node.js驅動的一款快速、簡單且功能強大的博客框架。Node.js是一個能夠快速構建網絡服務及應用的平臺 。該平臺的構建是基於Chrome's JavaScript runtime,也就是說,實際上它是對Google V8引擎(應用於Google Chrome瀏覽器)進行了封裝。V8引擎執行Javascript的速度很是快,性能很是好。Node對一些特殊用例進行了優化,提供了替代的API,使得V8在非瀏覽器環境下運行得更好。它和jekyll相比,更快,更輕量。html

Hexo安裝

  • 安裝git
  • 大多數Linux發行版已經默認安裝了git,若是沒有直接使用包管理工具安裝
  • Gentoo package: net-libs/nodejs
  • Arch: nodejs
  • Windows: node.jsgithub

  • 安裝hexonpm

npm install hexo -g

配置Hexo

  • 初始化博客根目錄
hexo init blog
  • 安裝依賴包
npm install

安裝以後,項目目錄下出現以下文件結構:json

.
├── _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:

安裝主題:markdown

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

不管是插件仍是主題在安裝後都須要在根目錄下_config.yml中修改plugins和theme的值以啓用他們。網絡

本博客使用pacman主題,扁平化設計,響應速快,推薦使用。修改配置參考: http://yangjian.me/workspace/introducing-pacman-theme/

寫文章

使用Markdown語法編輯文章。使用hexo new命令生成文章或者直接在_posts目錄下直接建立文件,打開後先編輯文章頭部信息,以下所示是本文的頭部信息,以---結尾。

title: 使用Hexo搭建我的靜態博客  #文章頁面上的顯示名稱,能夠任意修改,不會出如今URL中
layout: post
date: 2014-11-10 10:07:43  #文章生成時間,通常不改,固然也能夠任意修改
updated: 2014-11-12 13:24
comments: true
categories: 
- Blog
tags: 
- hexo
- blog
---

文章摘要

在須要顯示摘要的地方添加以下代碼便可:

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

文章中插入圖片

使用markdown寫文章,插入圖片的格式爲![圖片名稱](連接地址),這裏要說的是連接地址怎麼寫。對於hexo,使用本地路徑:在/source目錄下新建一個img文件夾,將圖片放入該文件夾下,插入圖片時連接即爲/img/圖片名稱。

發佈博客

這裏的發佈也是十分簡單的,首先在github上建立名爲yourname.github.io的repo,接着修改_config.yml中的deploy字段,最後執行hexo d(前提是你已經在github上添加了你本機的ssh key),OK,如今經過yourname.github.io已經能夠訪問你的博客了。

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

若是是博客主頁以github項目的方式建立,分支選擇gh-pages。

或 多個平臺同時發佈

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

Hexo使用

init 初始化博客

hexo init [folder]

若是目錄不存在,將設置初始化當前目錄

new 建立新文章

hexo new [layout] <title>

默認layout是post

generate 生成靜態網頁文件

hexo generate

publish 發佈草稿

hexo publish [layout] <filename>

server 啓動本地服務

hexo server

搭建本地server,進行文章預覽調試。
瀏覽器輸入http://localhost:4000 就能夠看到效果。

deploy 發佈博客

hexo deploy

clean 清除緩存

hexo clean

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

list 顯示博客結構

hexo list route

列出生成的全部博客文件路徑

經常使用命令

Hexo如今支持更加簡單的命令格式了,好比:

hexo n == hexo new
hexo g == hexo generate
hexo p == hexo publish
hexo s == hexo server
hexo d == hexo deploy
發佈博客:
hexo g -d

hexo d -g

參考:

相關文章
相關標籤/搜索