引き続きmiddlemanです。

HTML5 Boilerplate 4.0, Sass, Compass と レスポンシブレイアウト対応の Susyに対応しているAmicusを使ってみた。

以下手順。bundlerが入ってる状態からスタート。 ローカルにamicusをクローン

$ git clone http://github.com/nathos/amicus.git my_new_project

Gemfileをinstall

$ bundle install

サーバーを立ち上げる

$ middleman

グリッド表示されたレスポンシブなページが生成される。 レイアウトに関してはSusyの公式を参考に。 まだ掘り下げられてないので後日まとめたい。

AmicusはHamlで書かれていた。 Amicusにブログ付けようとしたが、middlemanのブログテンプレートはデフォルトでERbだったので、ERbをHamlに変換したかった。 ここで躓いて@machidaさんにhtml2hamlのサイトとgemを教えていただいた。

$ html2haml [options] [INPUT] [OUTPUT]

でいけるので、今回は

$ html2haml -e blog.html.erb blog.html.haml

でERbからHamlにめでたくコンバートできた。