An intro talk about Jekyll, a Ruby-based static website generator and my story of moving my old blog from Blogger to a GitHub Pages hosted Jekyll. The talk includes a few practical Jekyll examples and highlights the benefits of using a static website generator for simple multi-page websites that don't change often or personal blogs. The slides were prepared for my talk at WebCamp Ljubljana 2015

1. Git your Jekyll on
Alja Isaković @iAlja
jekyllgit

2. (and who is this Jekyll?)
How did I meet Jekyll?

3. In 2006, I started a
blog on Blogger.
And for a few years,
it was good.
Once upon a time …

4. 2013: betrayal!
Time to move.
betrayal

5. Host your own WordPress.
And see how deep
the rabbit hole goes.
Just move to Tumblr.
You can trust them.

6. I want
the best
of both !both

7. O hai,
= Ruby-based static website generator
scary flexible
puts the dynamic into static
no db/server hassle
easy peasy HTML

8. $ gem install jekyll
$ jekyll new awesome-site
$ cd awesome-site
$ jekyll serve

9. But how is this better than WordPress?

10. lightweight, secure, fast

11. knows the cool kids
allows you to
write pages in
Markdown <3
supports Sass, CoffeeScript,
YAML, JSON, and CSV

12. track all changes (design, content) w version control
templates, plugins, decent documentation
easily migrate blogs from other platforms
haz superpowers
+ free GitHub hosting

13. • GitHub Pages, powered by Jekyll
GitHub <3 Jekyll*
• Awesome because:
- host Jekyll projects on any GitHub repository
- git push to deploy
- your contrib chart is going to look nicer :)
- you can accept Pull requests on your blog!
- free hosting & use your own domain
GitHub Pages

14. GitHub <3 Jekyll*
** it’s much more fun to do your own hacking anyway
* the small print:
- limited plugin support**
- gotta get over your fear of commit-ment
- check https://pages.github.com/versions/
- good thing moving is easy, eh?

15. pics or it didn’t happen!

16. WebCamp website by Maša Černovšek Logar

17. Europe Code Week website

18. Peer 2 Peer University course builder by Erika Pogorelc

19. Storesense website by Jan Isaković

20. meh?

21. _config.yml
index.md
…
Example 1: site variables

22. /_posts/2014-11-13-title.md
/projects/index.md
Example 2: Using the blog-aware part

23. /about/index.md
/_data/press.yml
Example 3: using YAML data

24. Jekyll doesn’t fit all needs

25. you need a multi-page website
that doesn’t change often
you’re a geek with a blog
you (or somebody you love)
want to learn HTML/CSS and
a lil’ bit of programming
But it fits nicely if …

26. There’s always
the evil twin Hyde.
Written in Python.
Don’t like Jekyll/Ruby?
There’s always
the evil twin Hyde.
Written in Python.

27. There’s always
the evil twin Hyde.
Written in Python.
There’s
almost 100
alternatives.
There’s always
the evil twin Hyde.
Written in Python.
Don’t like Jekyll/Ruby?
Go here: staticgen.com

28. CubeSensors <3 Complexity*
* we do hardware after all. Are we’re hiring people
who like a good challenge: cubesensors.com/join-us
Python-based
static website
generator

29. And now you know about
Go build something fun.
static website generators
@iAlja