Middleman Usecase / TokyouMiddlemanMeetup#1
-
Upload
kotaro-kawashima -
Category
Design
-
view
418 -
download
0
Transcript of 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- 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