HEXO

HEXOでブログ構築手順

Post on

今回ブログ構築で利用したブログ生成ツールHEXOの導入手順メモ。
基本的には以下サイトを参考にやってます
http://liginc.co.jp/web/programming/server/104594

HEXOについて簡単に

  • 静的なブログサイトを構築するための環境
  • javascript製でNode.jsの動作環境が必要
  • MarkDown方式で投稿ができる
  • 開発サーバー機能があるのでローカルでの投稿チェック、UI改修ができる
  • Themeやプラグインが豊富

Node.jsを動作環境を準備

まずは、NVM（Node Version Manager）をインストールして、nvmコマンドを読み込む

1
2
% git clone git://github.com/creationix/nvm.git ~/.nvm
% source ~/.nvm/nvm.sh

最新安定版の0.10.26のNode.jsをインストールして、デフォルト利用するNode.jsバージョンを設定する

1
2
% nvm install v0.10.26
% nvm alias default v0.10.26

デフォルトでnvmコマンドを利用できるよう以下を.zshrcへ追記

1
2
3
4
if [[ -s ~/.nvm/nvm.sh ]];
 then source ~/.nvm/nvm.sh
fi

HEXOの導入

HEXOをインストールしてブログを生成

1
2
3
4
% npm install -g hexo
% hexo init myblog
% cd myblog
% npm install

初期設定のため、_config.ymlを編集

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
--- a/_config.yml
+++ b/_config.yml
@@ -3,16 +3,16 @@
 ## Source: https://github.com/hexojs/hexo/

 # Site
-title: Hexo
+title: Fujimisakari
 subtitle:
 description:
 author: John Doe
-email:
+email: fujimisakari@gmail.com
 language:

 # URL
 ## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
-url: http://yoursite.com
+url: http://fujimisakari.github.io/
 root: /
 permalink: :year/:month/:day/:title/
 tag_dir: tags
@@ -79,10 +79,12 @@ disqus_shortname:

 # Deployment
 ## Docs: http://hexo.io/docs/deployment.html
 deploy:
-  type:
\ No newline at end of file
+  type: github
+  repo: git@github.com:fujimisakari/fujimisakari.github.io.git
+  branch: master

これでブログ構築が完了。

X