↓ Skip to main content
No Good Father
No Good Father
  1. Posts/

Hexo でハロー

·592 words·2 mins
Tech Hexo
Table of Contents

Welcome to Hexo!

環境
#

  • OS X Yosemite 10.10.3
  • Node.js
git clone git://github.com/creationix/nvm.git ~/.nvm
test -f ~/.nvm/nvm.sh && source ~/.nvm/nvm.sh
nvm ls-remote
nvm install 0.12.2
node -v
v0.12.2

前準備
#

github にリポジトリを作っておく。中身は空っぽで構わない。

例：Mac の brew で hub をインストールしている場合

cd ~/Documents/github
mkdir ac1965.github.io
cd ac1965.github.io
hub init
hub create ac1965/ac1965.github.io

Hexo インストール
#

$ npm install -g hexo

準備（ブログ用のディレクトリを作る）
#

hexo init フォルダ名、という形で使う。

フォルダを指定しないとカレントディレクトリに作られてしまうので、きちんと指定しておこう。

cd ~/Documents
$ hexo init site
$ cd site
$ npm install

動作確認
#

$ hexo server

この状態でウェブブラウザからhttp://localhost:4000にアクセスして確認してみる。

Github にデプロイしてみる
#

Hexo の 3.0 以降は、ぐぐって出てきた情報とはデプロイの仕組みが少し変わっているようだ。

$ hexo deploy
ERROR Deployer not found: github

要するにデプロイヤが github から git に変わっていて、追加でモジュールをインストールする必要があった。

$ npm install hexo-deployer-git --save

詳しくは：https://github.com/hexojs/hexo/issues/1040

参考：_config.ymlの deploy部分

deploy:
  type: git
  repo: [email protected]:ac1965/ac1965.github.io.git
  branch: master

テーマを変えてみよう
#

テーマ一覧から気に入ったものを探してみるのもいい。

$ git clone https://github.com/joyceim/hexo-theme-apollo.git themes/apollo

参考：_config.ymlの languageとthemes 部分

language: defualt
...
theme: apollo

ポスト
#

$ hexo new "My New Post"
INFO  Created: ~/Documents/site/source/_posts/My-New-Post.md

source/_posts/My-New-Post.md をエディタで編集する（GFM：Github Flavored Markdown 形式）。

詳しくは： Writing

静的ファイルの作成
#

$ hexo generate
$ hexo generate --deploy
$ hexo deploy --generate

詳しくは： Generating

Related