New feature - Coderay

16 February 2014 Tagged with: syntax highlighting and feature

After some behind-the-scenes drama, syntax highlighting is finnaly running!

This blerg began in a Wandows environment, meaning the default Pygments syntax engine wouldn’t work1. Now that work is no done on a Mac I could finally enable pygments and have all the features that Jekyll has, right?

pygments : true

Never has one line caused so much grief. Pygments wouldn’t work with liquid’s highlight, so that had to get replaced with codeblocks, which I couldn’t get working working. After a while a fell into this fun loop:

  1. code highlighting doesn’t work
  2. fix that but brakes a key markdown feature
  3. fix that but break another part of the site
  4. fix that, goto 1

So the idea of better syntax highlighting was abandoned untill I stumbled across Kramdown and its Coderay support.


Here’s what the old codeblocks looked like: single color blocks with colors used to show the languages.

old monotone syntax highlighting

It was OK and it did the job. But the below is more readable and just looks awesome.

var buttonText = $(".tabContent h2").text();

$("ul.tabs").insert("<li><button class='tab'>" + buttonText + "</button></li>" );

  // ...

So long story short after weeks of messing around Coderay is now running and markdown has been updated. Shiny!

  1. According to the Jekyll docs, Jekyll wasn’t even supported on Wandows

Recent posts are recent

  1. Oct 28 2014
    This is !normal
    It took over a year and a lot of help from some close friends to realise that my job was making me unhappy.
  2. Feb 16 2014
    New feature - Coderay

    After some behind-the-scenes drama, syntax highlighting is finnaly running!

  3. Feb 13 2014
    jQuery conventions

    Javascript (read: jQuery) was something I struggled with in my early days as it can be quite intimidating at times. Here are some of the techniques I have picked up over the years.