blogging on jekyll
DESCRIPTION
Hamamatsu.rb#TRANSCRIPT
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日木曜日