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.
}
}
- Find a highlighting style at jekyll-pygments-themes
- Copy-paste into css-to-scss converter
- Copy-paste into /syntax.scss