読者です 読者をやめる 読者になる 読者になる

pixyzehn blog

iPhone App, Mac App, Programming, Web service, Tool, Evernote, etc

MiddleManで静的サイトを導入する

f:id:inagex:20140308105501p:plain


MiddleManの導入のあたりを何回かに分けてやっていきたいと思います。


まずmiddlemanをインストールします。

gem install middleman


適当にフォルダを作ります。ここではmiddlemanというディレクトリを作成しておきます。

mkdir middleman


そのディレクトリにはいります。

cd middleman


ではローカルでサイトを作っていきましょう。

middleman init my_project


以下のコマンドを実行すると。。

bundle exec 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にアクセスするとMiddleManのサイトが出てきます。


f:id:inagex:20140308110813p:plain


まだはじめたばっかりでよくわかってないですが、とりあえず導入できました。


config.rbでいろいろな設定ができそうです。


f:id:inagex:20140308110922p:plain


http://middlemanapp.com/jp/


日本語のドキュメントもあり、わかりやすいです。


静的なちょっとおしゃれな個人サイトを作るにはいいんじゃないかと思います。


またMiddleManのことは書いていきたい考えています!


参考サイト


http://qiita.com/mosson/items/4419f4b6a2ded7649f24


http://tricknotes.hateblo.jp/entry/2013/06/17/020229