Help us understand the problem. What is going on with this article?

middlemanで静的サイトを作る(環境構築)

More than 5 years have passed since last update.

インストール

bundlerを使ってinstallする

$ mkdir my_website
$ cd my_website 

とりあえず作業ディレクトリを作ってそこへ移動する

$ bundle install
Writing new Gemfile to /path/my_website/Gemfile

bunldeの初期化
→ Gemfileが出来る

source "https://rubygems.org" 

gem "middleman"

Gemfileに書いたら保存。

最後にインストールすれば準備OK

$ bundle install --path vendor/bundle

Middlemanの起動

まずは以下で初期化!

$ middleman init .

Webサーバーを起動!

$ middleman server
== The Middleman is loading
== The Middleman is standing watch at http://0.0.0.0:4567
== Inspect your site configuration at http://0.0.0.0:4567/__middleman/

この状態で指定されているhttp://0.0.0.0:4567を開く

$ open http://0.0.0.0:4567

スクリーンショット 2015-02-21 15.46.07.png

このようにmiddelmanのロゴが出れば成功です!

*サーバーは control + c で終了できます。

静的ファイルを書き出す

buildして静的ファイルを書き出します。

$ middelman build

参考:http://dev.classmethod.jp/tool/middleman-supersonic-01-try-middleman/

asteria
データ連携ソフトのASTERIA Warp、コンテンツ管理システムのHandbook、モバイルアプリ作成サービスPlatio、AI/IoTのエッジウェアGravioなどを開発しています
https://asteria.com
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away