Jekyll 2.1 - What's new in Jekyll 2?

A presentation on Jekyll 2.1 features for DaytonRB @ littlelines HQ.

Transcript

1. Jekyll  2.1 What’s  new  in  Jekyll  2?
2. Jesse  Herrick https://jesseherrick.io http://www.sitepoint.com/author/jherrick/ ! @JesseHerrick  
3. Jekyll? Markdown + Liquid Templates = Awesomeness (static site)
4. Yes, like this. …sort of.
5. CMS’s  are…
6. Slow
7. Hackable ! (not the good kind)
8. 11 Million Websites Hacked Per Year
9. Jekyll is…
10. Fast Loading Times (lower is better) Homepage Post w/ 1 Picture Post w/ no Picture Average of All 0ms 70ms 140ms 210ms 280ms Dynamic Site Jekyll (static)
11. Hackable ! (the good kind — but also very secure)
12. Easy  to  Deploy https://pages.github.io http://jekyllrb.com/docs/deployment-methods/
13. We get it. Jekyll is awesome.
14. So what’s new in Jekyll 2?
15. Native SCSS/SASS Support _config.yml # other config sass: style: :compressed --- --- // other styles css/styles.scss
16. Native CoffeeScript Support js/my-coffee.coffee --- --- ! # coffeescript below
17. Collections? _config.yml # other config collections: chapters: output: true permalink: /chapter/:path/ . ├── _chapters │ ├── 1.md │ ├── 2.md │ └── 3.md ├── _config.yml ... other files http://myawesomebook.com/chapter/1 http://myawesomebook.com/chapter/2 http://myawesomebook.com/chapter/3
18. But wait! There’s more. --- layout: default --- ! <ul> {% for chapter in site.chapters %} <li> <!-- assuming name in frontmatter --> <a href="{{ chapter.url }}">{{ chapter.name }}</a> </li> {% endfor %} </ul> chapters/index.html
19. Custom Markdown! _plugins/cool_md.rb require 'jekyll' require 'cool_md_processor' ! class Jekyll::Converters::Markdown::CoolMD def initialize(config) @site_config = config end ! def convert(content) CoolMD.new(@site_config).to_html(content) # => *MUST* return the rendered HTML as a string end end
20. Let’s recap. • Jekyll rocks. • It’s better than your CMS. • It’s fast. • It’s super hackable. (yes, the good kind) • It has great docs.
21. Questions? Also, http://jekyllrb.com is your best friend. @jesseherrick · jesseherrick.io