Code Highlighting in Jekyll

Instead of this default:

written with triple backticks

``` swift
//some code
```
import UIKit

class ClearVC: UIViewController {
  
  override func viewDidLoad() {
    super.viewDidLoad()
    
    let middleView = UIView(width: 100, height: 100)
    middleView.backgroundColor = UIColor.blueColor()
    view.put(middleView,
      inside: view,
      onThe: .BottomLeft,
      withPadding: 10)
    
    let someOtherView = UIView(width: 50, height: 50)
    someOtherView.backgroundColor = UIColor.greenColor()
    view.put(someOtherView,
      atThe: .TopRight,
      of: middleView,
      withSpacing: 20)
    
  }
  
  override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
    // Dispose of any resources that can be recreated.
  }

}

write with liquid tags:

{% highlight swift %}
//some code
{% endhighlight %}

and get:

import UIKit

class ClearVC: UIViewController {
  
  override func viewDidLoad() {
    super.viewDidLoad()
    
    let middleView = UIView(width: 100, height: 100)
    middleView.backgroundColor = UIColor.blueColor()
    view.put(middleView,
      inside: view,
      onThe: .BottomLeft,
      withPadding: 10)
    
    let someOtherView = UIView(width: 50, height: 50)
    someOtherView.backgroundColor = UIColor.greenColor()
    view.put(someOtherView,
      atThe: .TopRight,
      of: middleView,
      withSpacing: 20)
    
  }
  
  override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
    // Dispose of any resources that can be recreated.
  }

}
  1. Find a highlighting style at jekyll-pygments-themes
  2. Copy-paste into css-to-scss converter
  3. Copy-paste into /syntax.scss