middleman usecase / tokyoumiddlemanmeetup#1

layout - yield<prj_dir> / layout / layout.slim

<prj_dir> / index.slim

http://localhost:4567 / index.html

doctype 5html body#top == yield

|Tokyobr|Middlemanbr|Meetup

<!DOCTYPE html><html><body id=top>Tokyo<br/>Middleman<br/>Meetup</body></html>

customize

customize- csses = ["base"];- if data.page.css - csses.concat(data.page.css)== stylesheet_link_tag csses

---css: ["top"]js: ["top"]---

<prj_dir> / index.slim

- jses = ["jquery.min", "base"];- if data.page.js - jses.concat(data.page.js)== javascript_include_tag jses

<prj_dir> / layout / layout.slim

http://localhost:4567loading css: - base.css - top.cssloading js: - jquery.min.js - base.js - top.js

customize[tmm#1] $ cd ~/.middleman/[tmm#1] $ middleman init myTemplate --skip-bundle

[tmm#1] $ cp -r ./createdTemplate ~/.middleman/

then

or

[tmm#1] $ cd ~/Documents/works/[tmm#1] $ middleman init tmm1 -T myTemplate

http://tokyodesign.org/jukuten2013/

[AD]

middleman usecase / tokyoumiddlemanmeetup#1

Design