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