Blogging on jekyll

2,030 views

Published on

Hamamatsu.rb#

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

No Downloads
Views
Total views
2,030
On SlideShare
0
From Embeds
0
Number of Embeds
19
Actions
Shares
0
Downloads
10
Comments
0
Likes
4
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日木曜日

×