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 Frontmaer --- foo: bar ---

{{ foo }}.

example.html

Slide 15

Slide 15 text

YAML Frontmaer

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