Hexo(静的サイトジェネレータ)でサイトリニューアルした話

2018-02-23

特にリニューアルがしたかったワケではないんですが、「Hexo使ってみたい」という、いつもの手段が目的化するアレでサイトをリニューアルしました（元々はpandocで自前のシェル組んでました）

Hexoとは

Nodeで走る静的サイトジェネレータ
Pluginが滅茶苦茶豊富でほぼnpmでサクッと入ると思う
Themeもかなりある。中国で人気があるようで、langとか多少手直し必要なやつもある

環境

Node v9.5.0 (anyenvとndenv使用)
サーバはNginx使うのでhexo serverは未使用
Droneでデプロイ (Droneの話はこちら)

環境構築

// anyenvでndenvを入れる
$ anyenv install ndenv
$ exec $SHELL -l

// ndenvでnodeを入れる
$ ndenv install v9.5.0
$ mkdir mysites
$ echo "v9.5.0" > mysites/.node-version
$ cd mysites

// npmでhexo-cliを入れる
$ npm init
$ npm install hexo-cli --save

// hexoで最初のブログ作成（※「myblog/public/」がDocumentRootになります）
$ ./node_modules/hexo-cli/bin/hexo init myblog
$ cd myblog/
$ npm install

基本的なコマンド

// 記事作成
$ ./../node_modules/hexo-cli/bin/hexo new (記事タイトル)

// 静的ファイル作成（「public/」配下にhtmlが出来ます）
$ ./../node_modules/hexo-cli/bin/hexo generate

// 静的ファイル削除（「public/」配下全部消えます）
$ ./../node_modules/hexo-cli/bin/hexo clean

[PR]