You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated. To add new posts, simply add a file in the _posts directory that follows the convention YYYY-MM-DD-name-of-post.ext and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works. Jekyll also offers powerful support for code snippets:

def print_hi(name)
  puts "Hi, #{name}"
end
print_hi('Tom')
#=> prints 'Hi, Tom' to STDOUT.

This post is a showcase of what Holo Alfa looks like, and a reference guide for how you can use it to make your blog shine. You can write posts using the familiar Markdown syntax, plus some extra’s from GFM. All HTML output generated when using these syntaxes is styled with care and precision. Generous whitespace is used to give your content some breathing room. The image in the background can be set as cover-image in the Front Matter of a post or page. The “fade to white” will be created automatically. Cover images are stored in /img/covers/.

Look, a H2 heading!

H3 Heading

H4 Heading

• The quick brown fox jumps over the lazy dog.
• Pa’s wijze lynx bezag vroom het fikse aquaduct.
• Portez ce whisky au vieux juge blond qui fume.

1. Blowzy night-frumps vex’d Jack Q. (A perfect pangram)
2. Alve bazige froulju wachtsje op dyn komst.
3. Flygande bäckasiner söka hwila på mjuka tuvor.

Quotes, images and code blocks

It’ll be nipper heaps trent from punchy oldies. Trent from punchy no dramas when flat out like a tucker-bag. He hasn’t got a piker flamin frog in a sock. — Bogan Ipsum

nav a:hover {
  color: rgba(0,0,0,.72);
}
nav a.current {
  color: rgba(0, 0, 0, .72)
}
.subtitle {
  margin: 30px 0;
}

@media all and (min-width: 370px) {
  .website-title {
    font-size: 32px;
  }
  body {
    font-size: 24px;
  }
  a {
    background-position: 0 18px;
  }
}

// this code block is generated by Github Flavoured Markdown
el.each(function() {
  if(s.remotePath != null && s.remoteTarget != null) {
    $.get(s.remotePath, function(data) {  
      setTime($('<div>').html(data).find(s.remoteTarget).text());
    });
  } else {
    setTime(el.text());
  }
});

Video’s

Tables

That’s it, for now…

If you want to create a guest post that will appear as if written by another author, simply add an author attribute to the front matter of your blog post. Read →