This post demonstrates both inline code and code blocks with syntax highlighting.
Inline code is done using backticks to create something like this
, which is handy for talking about a specific variable
or a shortExpression++
.
Code blocks are wrapped in the highlight
liquid tag together with a keyword to define the language, like this:
{% highlight javascript %}
...JS here...
{% endhighlight %}
Here’s some JavaScript I borrowed from this StackOverflow post:
var modularpattern = (function() {
// your module code goes here
var sum = 0 ;
return {
add:function() {
sum = sum + 1;
return sum;
},
reset:function() {
return sum = 0;
}
}
}());
alert(modularpattern.add()); // alerts: 1
alert(modularpattern.add()); // alerts: 2
alert(modularpattern.reset()); // alerts: 0
And here’s some Python from this tutorial:
class Employee:
'Common base class for all employees'
empCount = 0
def __init__(self, name, salary):
self.name = name
self.salary = salary
Employee.empCount += 1
def displayCount(self):
print "Total Employee %d" % Employee.empCount
def displayEmployee(self):
print "Name : ", self.name, ", Salary: ", self.salary
The highlighting is done with Rouge and at time of writing [their website] says they support 132 languages. I’m not 100% sure if all those are available in the version bundled within Jekyll. If you have successfully installed this theme, then you can run rougify list
from the Terminal and you should get a list of supported languages. Or check out this wiki page.