blogging on jekyll

Blogging on Jekyll2012.04.11 Hamamatsu.rb#14 @mackato

12年4月12日木曜日

@mackato

I’m a programmer,not a web designer.

12年4月12日木曜日

My CMS Experience

2003 2005 200712年4月12日木曜日

Jekyll is a blog-aware, static site generator in Ruby

2011 - Jekyll

12年4月12日木曜日

Static Site GeneratorTemplate

Contents

Compile Website

localmachine% jekyll

12年4月12日木曜日

Static or Dynamic

Static Dynamic

Jekyll

12年4月12日木曜日

Fast

By jumping lab (CC BY-NC-SA 2.0)12年4月12日木曜日

Portable

S3Amazon

12年4月12日木曜日

ConsComments

Online Form

Site Search

12年4月12日木曜日

ConsComments

Online Form

Site Search

12年4月12日木曜日

ConsComments

Online Form

Site Search

12年4月12日木曜日

ConsComments

Online Form

Site Search

12年4月12日木曜日

Install

% gem install jekyll

12年4月12日木曜日

Setup.|-- _config.yml|-- _includes|-- _layouts| |-- default.html| `-- post.html|-- _posts| |-- 2007-10-29-why-every-programmer-should-play-nethack.md| `-- 2009-04-26-barcamp-boston-4-roundup.textile|-- _site`-- index.html

12年4月12日木曜日

Run % jekyll --server

http://localhost:4000

Build % jekyll

12年4月12日木曜日

Frameworks for Setup

Jekyll-BootstrapOctopressOut of the box Ease of Customization

12年4月12日木曜日

CSS Framework

Twitter Bootstrap ZURB-Foundation12年4月12日木曜日

CSS Framework

Twitter Bootstrap ZURB-Foundation12年4月12日木曜日

Liquid Template

{% for post in site.posts limit:5 %} <li> <a href="{{ BASE_PATH }}{{ post.url }}">{{ post.title }}</a><br/> <span>{{ post.date | date_to_string }}</span> </li>{% endfor %}

Template Data Pipe Filter

Tags (control structure)

12年4月12日木曜日

Customize(Plugin)

Converters

Generators e.g. Category Index Generator

Tags

e.g. JSON Converter

e.g. Tag Cloud Tag

Filters e.g. CDN URL Filter

12年4月12日木曜日

ConclusionStatic site generator is Fast & Cheep

Use web services for dynamic contentRubyist can customize jekyll easily

Foundation >> Bootstrap12年4月12日木曜日

Thanks!

Any question?

12年4月12日木曜日