摘要：前一陣子一直在想怎么搗鼓出自己的博客來，直到發(fā)現(xiàn)了是什么是一個(gè)開源的靜態(tài)博客生成器用開發(fā)作者是臺灣大學(xué)生同樣是大學(xué)生，我和他的差距怎么這么大她是一個(gè)快速簡潔且高效的博客框架。本人用的主題是然后對其進(jìn)行定制，簡直不能再棒。

前一陣子一直在想怎么搗鼓出自己的博客來，直到發(fā)現(xiàn)了hexo

Hexo是一個(gè)開源的靜態(tài)博客生成器,用node.js開發(fā),作者是臺灣大學(xué)生tommy351

同樣是大學(xué)生，我和他的差距怎么這么大 TT

她是一個(gè)快速、簡潔且高效的博客框架。hexo 使用 Markdown（或其他渲染引擎）解析文章，在幾秒內(nèi)，即可利用靚麗的主題生成靜態(tài)網(wǎng)頁

hexo在npm官網(wǎng)上是這樣介紹自己的：A fast, simple & powerful blog framework, powered by Node.js

在嘗試使用hexo之前，請各位務(wù)必完成以下幾點(diǎn)

安裝node.js

安裝Git

會(huì)使用Git

擁有GitHub賬號

有一顆愛折騰的心

如果以上條件你都滿足，那么現(xiàn)在就開始吧

打開cmd并輸入npm install -g hexo

在桌面上新建一個(gè)空文件夾名為hexo

cmd安裝完成之后打開Git bash

在cmd中進(jìn)入hexo文件夾后輸入$ hexo init

如果你按照上述步驟一套做完，那么恭喜你，hexo已經(jīng)搭建成功，是不是很簡單？

安裝完hexo之后你就能在本地查看你的空hexo blog了
在cmd中輸入$ hexo s --debug隨后你在瀏覽器地址欄輸入http://localhost:4000/,hexo默認(rèn)主題landscape就呈現(xiàn)在你眼前了

注：hexo s是hexo server的縮寫

首先進(jìn)入hexo文件夾，找到根目錄下面的_config.yml文件,用編輯器打開它

找到deploy：

輸入$ npm install hexo-deployer-git --save
部署至GitHub需要填

deploy:
  type: git
  repository: 
  branch: master

輸入$ npm install hexo-deployer-ftpsync --save
部署至云虛擬主機(jī)需要填

deploy:
  type: ftpsync
  host: <主機(jī)ip地址>
  user: 
  pass: 
  remote: [remote]
  port: [21]
  ignore:
  connections:
  verbose:

注：.yml文件格式嚴(yán)格，在“：”之后一定要空格再輸入，如果不填入內(nèi)容則是默認(rèn)值

文件修改完成之后就是創(chuàng)建GitHub倉庫了

假設(shè)你的GitHub賬號名為XXX

創(chuàng)建一個(gè)名為XXX.github.io的庫

創(chuàng)建完成后打開Git bash按下ctrl+c并輸入y結(jié)束hexo的本地預(yù)覽。之后進(jìn)入你的hexo文件夾，輸入$ hexo generate（用于生成靜態(tài)網(wǎng)頁文件，可縮寫成$ hexo g）

接著輸入$ hexo deploy（可縮寫成hexo d）

注：如果在之前你有生成ssh公鑰，那么就可以直接提交上去，如果沒有，則需要填寫郵箱以及密碼

如果你對hexo默認(rèn)主題不滿意，你也可以自己尋找主題包甚至是自己制作。
本人用的主題是Material,然后對其UI進(jìn)行定制，簡直不能再棒。
具體使用方法請移步：hexo博客更換主題（原理一樣，只是主題不同）

輸入$ hexo new "博客名"
創(chuàng)建成功之后，點(diǎn)擊進(jìn)入hexo文件夾的source文件夾，找到_posts文件夾，進(jìn)入用編輯器打開你剛剛創(chuàng)建的.md文件，你將看到如下代碼

---
title:
date:
tags:
---

在title后面填寫文章名，注意空格，tags用來設(shè)置文章標(biāo)簽，格式為[標(biāo)簽一,標(biāo)簽二]

設(shè)置完之后就開始使用Markdown語法進(jìn)行博客創(chuàng)作吧

$ hexo clean #清除緩存

$ hexo generate --watch #監(jiān)視文件變動(dòng)

$ hexo new page "頁面名" #新建頁面

問題：安裝npm包時(shí)出現(xiàn)registery error parsing json 錯(cuò)誤
解決：輸入 npm config setregistry http://registry.cnpmjs.org

注：由于現(xiàn)在域名在備案，所以鏈接暫時(shí)失效
最后附上作者的博客地址：Trevor"s Blog