【Middleman】でモダンにHTMLファイルを出力してみる。 | DevelopersIO前回に引き続き、Middlemanで静的なサイトを構築してみたいと思います。 実際に、Middlemanを使用して、ベーシックなhtmlテンプレートを出力してみます。 その際に、Middlemanの特徴の一つとして「Layout機能、Partial機能」を使用して、構築したいと思います。 アジェンダ ディレクトリ構造のおさらい。 レイアウトの考え方 Frontmatter(ページ固有変数) 実際に作成してみる。 まとめ ディレクトリ構造のおさらい。 プロジェクトフォルダを作成 まず、作業するディレクトリに移動後、以下コマンドから 「sample」というプロジェクトフォルダを作成します。 $ middleman init sample ディレクトリ構造を確認 作成した「sample」フォルダ内を確認すると、以下の様な構成になります。 注目して頂きたい箇所として「source/layouts/
