Jekyll lightning talk @ Belfast Ruby

Presented at Belfast Ruby (http://www.belfastruby.com/) on October 1st, 2013.

Transcript

1. A talk by @cobyism
2. @cobyism
3. 
4. Jekyll is a static site generator.
5. Jekyll is popular.
6. Jekyll understands HTML, Markdown, Liquid templates.
7. Jekyll gives you static HTML.
8. Jekyll understands permalinks, categories, tags, pagination, …
9. Jekyll is great for sites that don’t need server-side logic.
10. Installation gem install jekyll
11. New site jekyll new sitename
12. Running jekyll build
13. Watching jekyll serve
14. YAML Frontmaer --- foo: bar --- <p>{{ foo }}.</p> example.html
15. YAML Frontmaer <p>bar.</p> _site/example.html
16. Layouts & Includes {% include header.html %} {{ content }} {% include footer.html %} _layouts/page.html
17. Layouts & Includes --- layout: page --- Look ma, I’m content! index.html
18. Layouts & Includes --- layout: page --- Look ma, I’m content! index.html
19. Blogging --- title: Article name --- Look ma, I’m content! _posts/2013-10-01-article-name.html
20. Blogging {% for post in site.posts %} <a href=“{{ post.url }}”> {{ post.title }} </a> {% endfor %} index.html
21. Blogging for hackers {% highlight ruby linenos %} def foo puts 'foo' end {% endhighlight %}
22. Blogging for hackers {% gist 5555251 %}
23. GitHub Pages is free hosting powered by Jekyll.
24. GitHub Pages Gem gem install github-pages
25. Jekyll tricks.
26. Deploying a locally built site to GitHub pages. https://gist.github.com/cobyism/4730490
27. Jekyll Authentication
28. Jekyll testing with Travis CI. language: ruby rvm: - 1.9.3 script: bundle exec jekyll build install: bundle install .travis.yml
29. Jekyll redirect layout. <meta http-equiv="refresh" content="0;url={{ page.redirect_url }}"> _layouts/redirect.html --- layout: redirect redirect_url: https://github.com --- somepage.html
30. Demo https://github.com/cobyism/jekyll-demo
31. Jekyll has docs. http://jekyllrb.com