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

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

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

環境

  • OS windows10 pro 64bit
  • ruby 2.6.6
  • gem 3.0.3

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

Middlemanインストール

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

Middlemanプロジェクト作成

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

Middleman起動

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

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

Middlemanを起動します。

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

Hello Worldを表示

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

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

静的ファイル生成

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

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