Hamamatsu.rb#

1. Blogging on Jekyll
2012.04.11 Hamamatsu.rb#14 @mackato
12年4月12日木曜日

2. @mackato
I’m a programmer,
not a web designer.
12年4月12日木曜日

3. My CMS Experience
2003 2005 2007
12年4月12日木曜日

4. 2011 - Jekyll
Jekyll is a blog-aware, static site generator in Ruby
12年4月12日木曜日

5. Static Site Generator
Template
Compile Website
Contents
localmachine% jekyll
12年4月12日木曜日

6. Static or Dynamic
Jekyll
Static Dynamic
12年4月12日木曜日

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

8. Portable
Amazon
S3
12年4月12日木曜日

9. Cons
Comments
Online Form
Site Search
12年4月12日木曜日

10. Cons
Comments
Online Form
Site Search
12年4月12日木曜日

11. Cons
Comments
Online Form
Site Search
12年4月12日木曜日

12. Cons
Comments
Online Form
Site Search
12年4月12日木曜日

13. Install
% gem install jekyll
12年4月12日木曜日

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.html
12年4月12日木曜日

15. Run
% jekyll --server
http://localhost:4000
Build
% jekyll
12年4月12日木曜日

16. Frameworks for Setup
Octopress Jekyll-Bootstrap
Out of the box Ease of Customization
12年4月12日木曜日

17. CSS Framework
Twitter Bootstrap ZURB-Foundation
12年4月12日木曜日

18. CSS Framework
Twitter Bootstrap ZURB-Foundation
12年4月12日木曜日

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 Filter
12年4月12日木曜日

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 Filter
12年4月12日木曜日

21. Conclusion
Static site generator is Fast & Cheep
Use web services for dynamic content
Rubyist can customize jekyll easily
Foundation >> Bootstrap
12年4月12日木曜日

22. Thanks!
Any question?
12年4月12日木曜日