blogging on jekyll
DESCRIPTION
Hamamatsu.rb#TRANSCRIPT
![Page 1: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/1.jpg)
Blogging on Jekyll2012.04.11 Hamamatsu.rb#14 @mackato
12年4月12日木曜日
![Page 2: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/2.jpg)
@mackato
I’m a programmer,not a web designer.
12年4月12日木曜日
![Page 3: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/3.jpg)
My CMS Experience
2003 2005 200712年4月12日木曜日
![Page 4: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/4.jpg)
Jekyll is a blog-aware, static site generator in Ruby
2011 - Jekyll
12年4月12日木曜日
![Page 5: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/5.jpg)
Static Site GeneratorTemplate
Contents
Compile Website
localmachine% jekyll
12年4月12日木曜日
![Page 6: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/6.jpg)
Static or Dynamic
Static Dynamic
Jekyll
12年4月12日木曜日
![Page 7: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/7.jpg)
Fast
By jumping lab (CC BY-NC-SA 2.0)12年4月12日木曜日
![Page 8: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/8.jpg)
Portable
S3Amazon
12年4月12日木曜日
![Page 9: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/9.jpg)
ConsComments
Online Form
Site Search
12年4月12日木曜日
![Page 10: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/10.jpg)
ConsComments
Online Form
Site Search
12年4月12日木曜日
![Page 11: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/11.jpg)
ConsComments
Online Form
Site Search
12年4月12日木曜日
![Page 12: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/12.jpg)
ConsComments
Online Form
Site Search
12年4月12日木曜日
![Page 13: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/13.jpg)
Install
% gem install jekyll
12年4月12日木曜日
![Page 14: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/14.jpg)
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日木曜日
![Page 15: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/15.jpg)
Run % jekyll --server
http://localhost:4000
Build % jekyll
12年4月12日木曜日
![Page 16: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/16.jpg)
Frameworks for Setup
Jekyll-BootstrapOctopressOut of the box Ease of Customization
12年4月12日木曜日
![Page 17: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/17.jpg)
CSS Framework
Twitter Bootstrap ZURB-Foundation12年4月12日木曜日
![Page 18: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/18.jpg)
CSS Framework
Twitter Bootstrap ZURB-Foundation12年4月12日木曜日
![Page 19: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/19.jpg)
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日木曜日
![Page 20: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/20.jpg)
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日木曜日
![Page 21: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/21.jpg)
ConclusionStatic site generator is Fast & Cheep
Use web services for dynamic contentRubyist can customize jekyll easily
Foundation >> Bootstrap12年4月12日木曜日
![Page 22: Blogging on jekyll](https://reader033.vdocuments.mx/reader033/viewer/2022052618/554b7873b4c90551118b5914/html5/thumbnails/22.jpg)
Thanks!
Any question?
12年4月12日木曜日