Middleman Static Site Generation

Middleman Generating fast and static sites, simply.

What I sought

Lightweight

Short Feedback Loop

Command Line Driven

Concise

Examples

$-> gem install middleman $-> middleman init $-> middleman server
$-> middleman build

$-> middleman build $-> middleman init <project_name>

$-> middleman build

<!doctype html> <html> <head> <meta charset="utf-8"> !  <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"> !  <title><%= current_page.data.title || "The Middleman" %></title> ! <%= stylesheet_link_tag "normalize", "all", "application" %> <%= javascript_include_tag "all" %> </head> ! <body class="<%= page_classes %>"> <%= yield %> </body> </html>

%html %head %meta{:charset => 'utf-8'} %meta{'http-equiv' => 'X-UA-Compatible', :content =>
'IE=edge,chrome=1'} %title= current_page.data.title = stylesheet_link_tag "normalize", "all", "application" = javascript_include_tag "all" %body{:class => page_classes} .container-fluid .row .navbar.navbar-inverse.navbar-fixed-top .navbar-inner Hi .row = yield

%html %head %meta{:charset => 'utf-8'} %meta{'http-equiv' => 'X-UA-Compatible', :content =>
'IE=edge,chrome=1'} %title= current_page.data.title = stylesheet_link_tag "normalize", "all", "application" = javascript_include_tag "all" %body{:class => page_classes} .container-fluid = yield

.index { h1 { color: rgba(0, 0, 0, 1); font-weight:
bold; font-size: 32px; letter-spacing: -1px; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); padding: 125px 0px 10px; margin: 0; } h2 { color: rgba(0, 0, 0, 0.85); font-weight: light; font-size: 26px; letter-spacing: -1px; padding: 5px, 0px, 0px; margin-top: 5px; margin-bottom: 2px; } }

FIN ! @Shepbook! [email protected]

Middleman Static Site Generation

Middleman Static Site Generation

Jared Koumentis

More Decks by Jared Koumentis

Other Decks in Programming

Featured

Transcript

Middleman Generating fast and static sites, simply.

What I sought

Ruby

Lightweight

Fast

Short Feedback Loop

Command Line Driven

Concise

Examples

$-> gem install middleman $-> middleman init $-> middleman server

$-> gem install middleman $-> middleman init $-> middleman server

$-> gem install middleman $-> middleman init $-> middleman server

$-> gem install middleman $-> middleman init $-> middleman server

$-> gem install middleman $-> middleman init $-> middleman server

<!doctype html> <html> <head> <meta charset="utf-8"> ! <!-- Always force

%html %head %meta{:charset => 'utf-8'} %meta{'http-equiv' => 'X-UA-Compatible', :content =>

%html %head %meta{:charset => 'utf-8'} %meta{'http-equiv' => 'X-UA-Compatible', :content =>

.index { h1 { color: rgba(0, 0, 0, 1); font-weight:

FIN ! @Shepbook! [email protected]