To insert highlight code inside of a post, it's enough to use some specific tags, has directly described into the Jekyll documentation. In this way the code will be included into a .highlight
CSS class and will be highlight according to the syntax.scss file. This is the standard style adopted by Github to highlight the code.
This is a CSS example:
1
2
3
4
5
6
7
8
body {
background-color: #fff;
}
h1 {
color: #ffaa33;
font-size: 1.5em;
}
And this is a HTML example, with a linenumber:
1
2
3
<html>
<a href="example.com">Example</a>
</html>
Last, a Ruby example:
1
2
3
def hello
puts "Hello World!"
end