What is Jekyll?
- Simple: database, comments, updates
- Static: markdown, textile, liquid
- Blog Aware: permalinks, pages, posts
Getting Started
~ $ gem install jekyll
~ $ jekyll new myblog
~ $ cd myblog
~/myblog $ jekyll serve
# => Now browse to http://localhost:4000
Installation - Mac / Linux
$ gem install jekyll
Basic Command Line
$ jekyll build
$ jekyll serve
Directory Structure
.
├── _config.yml
├── _drafts
| ├── begin-with-the-crazy-ideas.textile
| └── on-simplicity-in-technology.markdown
├── _includes
| ├── footer.html
| └── header.html
├── _layouts
| ├── default.html
| └── post.html
├── _posts
| ├── 2007-10-29-why-every-programmer-should-play-nethack.textile
| └── 2009-04-26-barcamp-boston-4-roundup.textile
├── _site
└── index.html
Global Configuration
in _config.yaml
name: "IWDevs 16 - Jekyll"
description: "Introduction to Jekyll talk"
baseurl: /
pygments: false
future: false
Available in-page {{ site.VALUE }}
Front-Matter
Any file with front-matter will get processed by Jekyll
layout: post
title: Blogging Like a Hacker
Available in-page {{ page.VALUE }}
Posts
In _posts folder
Optionally in CATEGORY/_posts folder
YYYY-MM-DD-title-of-post.ext
e.g.
2013-10-01-hello-world.md
View actual posts ...
Viewing posts
<ul>
{% for post in site.posts %}
<li>
<a href="">{{ post.title }}</a>
- {{ post.excerpt }}
</li>
{% endfor %}
</ul>
IW Dev Meeting
Hello there IW Devs
test
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer at aliquam eros. Fusce ligula dui.
Hello World
Cras ligula risus, volutpat in nibh at, rutrum mollis leo.
Github Pages
gh-pages Branch -> USER.github.io/REPO
USER.github.io Repository -> USER.github.io
CNAME file for custom domains -> www.USER.com
Summary
Introduction
Installation
Configuration
Posts
Deployment
Credits
- Presentation by Reveal.js
- Hosted on Github Pages
- Content from jekyllrb.com
Thank You