windows10 Middlemanをインストールして使用する

windows10環境でRubyで開発されたの静的サイトジェネレーター「Middleman」をインストールして実行するまでの手順を記述してます。

※windows10にrubyのインストール手順はこちら

gemでインストールを行います。

gem install middleman

適当なプロジェクト名でmiddlemanプロジェクトを作成します。
ここでは「test-project」という名前で作成してます。

middleman init test-project

プロジェクトに移動します。

cd test-site

「 test-project 」フォルダは下記のように構成されてます。

Middlemanを起動します。

middleman server

ブラウザから http://IPアドレス:4567にアクセスするとフロント画面が表示されます。

「source」フォルダ配下にある「index.html.erb」を編集します。
<h1>タグを下記のように編集します。

<h1>
  Hello World
</h1>

リロードすると「Hello World」と表示されます。

buildを実行すると静的ファイルが生成されます。

middleman build

実行すると「build」ファルダが作成され静的ファイルが生成されていることが確認できます。