Blogging on Jekyll              2012.04.11 Hamamatsu.rb#14 @mackato12年4月12日木曜日
@mackato               I’m a programmer,              not a web designer.12年4月12日木曜日
My CMS Experience      2003        2005   200712年4月12日木曜日
2011 -                               Jekyll     Jekyll is a blog-aware, static site generator in Ruby12年4月12日木曜日
Static Site Generator         Template                    Compile       Website         Contents                         l...
Static or Dynamic   Jekyll   Static                     Dynamic12年4月12日木曜日
Fast                     By jumping lab (CC BY-NC-SA 2.0)12年4月12日木曜日
Portable                Amazon                S312年4月12日木曜日
Cons              Comments              Online Form              Site Search12年4月12日木曜日
Cons              Comments              Online Form              Site Search12年4月12日木曜日
Cons              Comments              Online Form              Site Search12年4月12日木曜日
Cons              Comments              Online Form              Site Search12年4月12日木曜日
Install              % gem install jekyll12年4月12日木曜日
Setup . |--   _config.yml |--   _includes |--   _layouts |     |-- default.html |     `-- post.html |--   _posts |     |--...
Run              % jekyll --server                 http://localhost:4000                    Build              % jekyll12年...
Frameworks for Setup              Octopress        Jekyll-Bootstrap              Out of the box    Ease of Customization12...
CSS Framework    Twitter Bootstrap ZURB-Foundation12年4月12日木曜日
CSS Framework    Twitter Bootstrap ZURB-Foundation12年4月12日木曜日
Liquid Template                             Tags (control structure) {% for post in site.posts limit:5 %}   <li>     <a hr...
Customize(Plugin)          Generators   e.g. Category Index Generator          Converters   e.g. JSON Converter          T...
Conclusion    Static site generator is Fast & Cheep    Use web services for dynamic content     Rubyist can customize jeky...
Thanks!              Any question?12年4月12日木曜日
Upcoming SlideShare
Loading in...5
×

Blogging on jekyll

1,453

Published on

Hamamatsu.rb#

Published in: Technology, Education
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,453
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Blogging on jekyll

  1. 1. Blogging on Jekyll 2012.04.11 Hamamatsu.rb#14 @mackato12年4月12日木曜日
  2. 2. @mackato I’m a programmer, not a web designer.12年4月12日木曜日
  3. 3. My CMS Experience 2003 2005 200712年4月12日木曜日
  4. 4. 2011 - Jekyll Jekyll is a blog-aware, static site generator in Ruby12年4月12日木曜日
  5. 5. Static Site Generator Template Compile Website Contents localmachine% jekyll12年4月12日木曜日
  6. 6. Static or Dynamic Jekyll Static Dynamic12年4月12日木曜日
  7. 7. Fast By jumping lab (CC BY-NC-SA 2.0)12年4月12日木曜日
  8. 8. Portable Amazon S312年4月12日木曜日
  9. 9. Cons Comments Online Form Site Search12年4月12日木曜日
  10. 10. Cons Comments Online Form Site Search12年4月12日木曜日
  11. 11. Cons Comments Online Form Site Search12年4月12日木曜日
  12. 12. Cons Comments Online Form Site Search12年4月12日木曜日
  13. 13. Install % gem install jekyll12年4月12日木曜日
  14. 14. 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.html12年4月12日木曜日
  15. 15. Run % jekyll --server http://localhost:4000 Build % jekyll12年4月12日木曜日
  16. 16. Frameworks for Setup Octopress Jekyll-Bootstrap Out of the box Ease of Customization12年4月12日木曜日
  17. 17. CSS Framework Twitter Bootstrap ZURB-Foundation12年4月12日木曜日
  18. 18. CSS Framework Twitter Bootstrap ZURB-Foundation12年4月12日木曜日
  19. 19. Liquid Template Tags (control structure) {% 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 Filter12年4月12日木曜日
  20. 20. Customize(Plugin) Generators e.g. Category Index Generator Converters e.g. JSON Converter Tags e.g. Tag Cloud Tag Filters e.g. CDN URL Filter12年4月12日木曜日
  21. 21. Conclusion Static site generator is Fast & Cheep Use web services for dynamic content Rubyist can customize jekyll easily Foundation >> Bootstrap12年4月12日木曜日
  22. 22. Thanks! Any question?12年4月12日木曜日
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×