今までブログはTinkererを使用していたけど、これからは、 roots で書くことにしよう。
roots は、静的サイトジェネレーター。nodeで動く。 特徴としては、以下の形式で作成出来ること。
- スクリプト -> coffeescript
- HTML -> jade
- CSS -> stylus
しかも、ライブリロードが標準で組み込まれているので、これが非常に便利。 jade ファイルを保存したら、自動でブラウザが更新され、すぐ確認出来る。
ブログ作成手順
1. npmでグローバルにインストール
bash
1
$ npm install -g roots2. ブログテンプレートでプロジェクト作成
bash
1
$ roots new yukimemi.github.io --blogこれでブログ完成。
3. roots コマンドでコンパイル & ウォッチ
bash
1
2
$ cd yukimemi.github.io
$ roots watch自動的にコンパイルが動き、 public ディレクトリにコンパイル結果が入り、さらにport 1111でサーバ を起動してくれ、さらにデフォルトのブラウザで自動的に開いてくれる。(至れり尽くせり)
4. ブログ記事を修正
bash
1
2
$ cdk posts
$ vim hello_world.jade修正して保存すると、ブラウザが自動でリロードされ、すぐさま修正結果を確認出来る。 すごい・・・。
+++