Route 477

■ [node.js] Node.js用の静的サイトジェネレータ、Wintersmith

所用で「node.js static site generator」で検索していたところ、Wintersmithというのを見つけました。 Rubyでいうmiddlemanに相当するもので、.scssや.mdから静的サイトを生成してくれます。

• https://github.com/jnordberg/wintersmith#quick-start

以下、使い方を簡単に。

インストール

npm install -g wintersmith で入ります。

サイトを作ってみる

wintersmith 2.0.8では、basic、blog、webappという3つのテンプレートが用意されています。 とりあえずblogを使ってみましょう。以下のようにすると、./blog1/ にファイル一式が生成され、http://localhost:8080/ でサーバが立ち上がります。

$ wintersmith new -T blog blog1
$ cd blog1
$ wintersmith preview

表示される文章は「かぐや姫」の英語版のようです。

その他のテンプレート

-T blogだと結構リッチなのが生成されますが、-T basicだと必要最低限のファイルのみ生成されます。 wintersmith buildを行うとbuild/以下にindex.htmlが生成されます。これはindex.mdをMarkdown文書、index.jadeをレイアウトとしてHTMLに変換したものです。 出力先は-Oか設定ファイルで指定できます。

/Users/yhara/proj/research/wintersmith/basic1 % tree
.
├── config.json
├── contents
│   └── index.md
└── templates
    └── index.jade

ということで、Node.js用の手軽に使える静的サイトジェネレータ、Wintersmithの紹介でした。