It's Jekyllicious!!
Tips and tricks for blogging with Jekyll
What is Jekyll?
A 60 second introduction
Jekyll is a static site generator built with Ruby.
Static vs. CMS
What does Static mean?
Jekyll vs. HTML + CSS
Sites built with Jekyll
Github Services
8th Light Blog
Healthcare.gov
(Don't blame Jekyll!)
I have a Jekyll site... now what?
YAML
Ain't A
Markup
Language
YAML Front Matter
Liquid Tags
layout: post
title: I Love My Cat
description: A post about my cat
related: ["My Eight Cats and I", "Kittens!!"]
categories: jellybeans, kittens
{{ page.title }}
# => I Love My Cat
{{ page.description }}
# => A post about my cat
{% for post in site.posts %}
{% if page.related contains post.title %}
# display post link
{% endif %}
{% endfor %}
Custom Post Types
We can use YAML and liquid tags to create custom post types.
Add a new file to _layouts
Add code to customize layout
Customize front matter
Result:
Social Media Sharing
---
layout: post
title: "It's Jekyllicious!"
description: Tips and Tricks for Blogging with Jekyll
date: 2016-6-03
twitter_text: "It's Jekyllicious!!"
---
https://twitter.com/intent/tweet?text="{{ page.twitter_text }}
"%20{{ site.url }}{{ page.url }}%20via%20@{{ site.twitter_username }}
Other ideas:
Related Posts
Tags or attributes
style changes
Lists of data
Linking to custom CSS or JS Files
Gems
Do i need a gemfile?
Gems can be included in a Gemfile or installed individually. If you have a lot of customizations, or want to make it easy for others to clone your site, definitely use a Gemfile.
Popular Gems
3rd Party Plugins
Comments
Plugins like Disqus will allow visitors to comment on your posts.
Comment Forms
These comment form plugins provide a back-end to store form entries and notify you via email.
Google Analytics
Google Analytics provides a tracking code that can be integrated as an HTML file.
Plugins that sound pretty cool
Design
Tricks for lazy designers
- Jekyll comes with a basic theme out of the box.
- While I can't personally endorse any pre-made themes, there are multiple sites where designers can share their themes.
- When in doubt, use Materialize.
The bottom line...
CloudCannon or Octopress might help to make Jekyll more user-friendly for non-developers.
It's Jekyllicious!
By Becca Nelson
It's Jekyllicious!
Tips and tricks for blogging with Jekyll
- 1,173