Adding syntax highlighting to Ghost

I wanted to enhance the syntax highlighting in the default Ghost theme (Casper). I dug around and while there are a ton of solutions out there, I settled on Prism because it's simple and lightweight. Notice the colorful goodness:

// here is some JavaScript
var x = new joButton("Hello World!");  

Prism is easy to install in your default ghost theme (I'm using Casper). Don't let the length of this tutorial fool you; it took me about five minutes total to get up and running.

Installing Prism

  1. Go to

  2. Select a few options; basically, which theme you want and what languages you want to support

  3. Scroll down to the bottom and download your custom-made prism.js and prism.css files; put them someplace you can find

  4. Copy these files to your server, and login there

  5. Copy prism.js into your ghost/content/themes/casper/assets/js folder


Moving my blog to Ghost

I haven't been blogging regularly. I have a litany of excuses, but one I wanted to eliminate was dealing with WordPress.

It all started with Medium

Medium is a relatively new lightweight blogging service created by Twitter co-founder Evan Williams. I'd been using (some would say avoiding) WordPress for some years now, and the thought of something simpler caught my attention.

Medium is simple. I tried it. I like it. I can't use it:

  • It's very aggressive with formatting pasted text in code blocks. It quietly changes normal double quotes into pretty matched (and completely un-usable) double quote characters, among other things. This would make adding usable source code examples tedious and potentially error-prone.

  • It funnels my readers to, well, other writers. I got you to read my blog, and I want you to read a little more before you fly off to someone else who is being promoted by