Examples to show how these basic components look in Trio.

Code blocks

Since Trio uses redcarpet instead of kramdown, we can use the triple backticks to define fenced code blocks. See the Markdown source of this file here.

Here is how code blocks look in Trio:

#container {
    float: left;
    margin: 0 -240px 0 0;
    width: 100%;
}

You can also use liquid tag highlight which has the same effect:

void main() {
    printf("Hello World!");
}

def print_hi(name)
  puts "Hi, #{name}"
end
print_hi('Tom')
#=> prints 'Hi, Tom' to STDOUT.

#container {
    float: left;
    margin: 0 -240px 0 0;
    width: 100%;
}

def what?
  42
end

You can also use the triple tilde ala kramdown which same the same effect:

def what?
  42
end

Footnotes

Markdown footnotes¹ work nicely in Trio. You need to make sure proper extensions are enabled in either redcarpet or kramdown parsers.

Tables

This is how tables look like in Solo. See the Markdown source of this file here for a demo of Markdown Tables. An excellent source to create tables in many formats (including Markdown) is Tables Generator.

Github Gists

This is how GitHub Gists look in Solo.

Blockquotes

Trio supports lists, <hr>s, <table>s and

blockquotes