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