Hexo簡介
Hexo是一款基于Node.js的靜態(tài)博客框架。目前在GitHub上已有7285 star 和 1207 fork.Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內(nèi),即可利用靚麗的主題生成靜態(tài)網(wǎng)頁。
特性
風(fēng)一般的速度
Hexo基于Node.js,支持多進程,幾百篇文章也可以秒生成。流暢的撰寫
支持GitHub Flavored Markdown和所有Octopress的插件。擴展性
Hexo支持EJS、Swig和Stylus。通過插件支持Haml、Jade和Less.
優(yōu)勢
首先它支持 Markdown,這樣我們撰寫博客就會變得十分方便。
Hexo 的擴展性也十分強大,它支持EJS、Swig,我們還可以通過插件讓它支持Haml,Jade,Less等。
Hexo 支持多線程,生成幾百篇文章所需要的時間只不過幾秒鐘。
Hexo 支持一鍵部署,只需要一條命令就可以把博客發(fā)布到 GitHub 上。
下面我們就來搭建這個博客,首先要搭建這個博客,必須要安裝Node.js,搭建環(huán)境完成之后,我們需要安裝Hexo框架。
安裝
打開終端,輸入命令:
$ npm install hexo -g
回車
輸完之后,等等。。報錯?這是啥玩意

這。。這是啥? Google之后,發(fā)現(xiàn)只需要輸入命令
$ sudo npm install --unsafe-perm --verbose -g hexo
就可以了。
安裝完成之后,我們開始新建一個項目
$ cd /Users/fay 進去一個新的文件夾
然后 $ hexo init hexoblog hexoblog是自己起的一個項目名稱
Hexo 會在這個文件夾內(nèi)自動生成文件。

之后我們需要安裝Hexo需要的模塊
$ cd hexoBlog
$ npm install
現(xiàn)在我們就把Hexo安裝好了。
新建博客
- 我們來新建一篇博客
$ hexo new "hello world" #快捷鍵 'hexo n'
hello world是我們的博客標(biāo)題
- 生成靜態(tài)網(wǎng)站
$ hexo generate #快捷鍵 'hexo g'
- 生成本地鏈接
$ hexo server #快捷鍵 'hexo s'

Hexo默認的端口是4000,打開瀏覽器輸入http://localhost:4000 看看生成的靜態(tài)博客.

我們的博客就已經(jīng)寫好了。
寫好之后我們怎么部署到github.com上呢?
部署博客
首先我們要知道一些關(guān)于 GitHub Pages:
- GitHub Pages 是免費的靜態(tài)站點;
- 搭建簡單而且免費;
- 自帶主題,支持自定義頁面;
- 支持綁定域名;
我們可以看到,GitHub Pages 十分適合我們在上面掛我們的博客。
在 GitHub 上搭建我們的博客有兩種方式:
- 為個人或組織建立 Pages。
- 為某個項目建立 Pages。
進入github后我們需要注冊一個直接帳號,如果有帳號的直接登錄即可。
新建倉庫
- 在 自己或組織 下建立一個名為
aeronxie.github.io的倉庫。
注意:倉庫名稱必須跟自己的登錄名稱相同

- 之后我怕們就可以使用
http://aeron.github.io來訪問我們的博客了
在Hexo上配置并部署到Github上
在終端進入到 hexoblog 目錄后,找到并打開 _config.yml 這個文件
注意最后的那個
deploy:
type:
repository:
branch:
分別填上 git github的地址 master
最后將博客部署到Github上
打開終端并輸入: $ hexo deploy #快捷鍵 hexo d
最后我們的博客就部署完畢了!
總結(jié):
搭建Hexo
$ npm install hexo -g # 安裝 Hexo
$ hexo init hexoBlog # 新建 Hexo 項目 <hexoBlog>
$ cd hexoBlog # 進入 hexoBlog
$ npm install # 安裝 Hexo 模塊
$ hexo new "Hello Hexo" # 新建一篇博客
$ hexo generate # 生成靜態(tài)網(wǎng)站
$ hexo server # 在本地跑一遍網(wǎng)站 默認 http:// localhost:4000
$ hexo deploy # 開始部署
更新博客
$ hexo new "title" # 新建博客
$ hexo g # 生成靜態(tài)網(wǎng)站
$ hexo s # 在本地預(yù)覽網(wǎng)站效果
$ hexo d # 開始部署