Introducing Jekyll Now

Jekyll is a static site generator that's perfect for GitHub hosted blogs.

Jekyll Now makes it easier to create a Jekyll blog, by eliminating a lot of the up front setup.

  • You don't need to touch the command line
  • You don't need to install/configure ruby, rvm/rbenv, ruby gems :relaxed:
  • You don't need to install runtime dependancies like markdown processors, Pygments, etc
  • It's easy to try out, you can just delete your forked repository if you don't like it
  • In a few minutes you'll be set up with a minimal, responsive blog just like this one—giving you more time to spend on making your blog awesome!

Create your blog in 30 seconds!

Initial setup of Jekyll Now

Jekyll Now Features

✓ Command-line free fork-first workflow, using GitHub.com to create, customize and post to your blog
✓ Fully responsive and mobile optimized base theme
✓ Sass/Coffeescript support using Jekyll 2.0
✓ Free hosting on your GitHub Pages user site
✓ Markdown blogging
✓ Syntax highlighting
✓ Disqus commenting
✓ Google Analytics integration
✓ SVG social icons for your footer
✓ 3 http requests, including your avatar

✘ No installing dependancies
✘ No need to set up local development
✘ No configuring plugins
✘ No need to spend time on theming
✘ More time to code other things ... wait ✓!

Quick Start walkthrough on the Jekyll Now GitHub repository.

Markdown Style Guide

This is a demo of all styled elements in Jekyll Now.

View the markdown used to create this post.

This is a paragraph, it's surrounded by whitespace. Next up are some headers, they're heavily influenced by GitHub's markdown style.

Header 2 (H1 is reserved for post titles)

Header 3

Header 4

A link to Jekyll Now. A big ass literal link http://github.com/barryclark/jekyll-now/

An image, located within /images

an image alt text

  • A bulletted list
  • alternative syntax 1
  • alternative syntax 2
    • an indented list item
  1. An
  2. ordered
  3. list

Inline markup styles:

  • italics
  • bold
  • code()

Blockquote

Nested Blockquote

Syntax highlighting can be used with triple backticks, like so:

/* Some pointless Javascript */
var rawr = ["r", "a", "w", "r"];

Use two trailing spaces
on the right
to create linebreak tags

Finally, horizontal lines