Code Syntax

01 Mar 2015

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