a post with tabs

This is how a post with tabs looks like. Note that the tabs could be used for different purposes, not only for code.

First tabs

To add tabs, use the following syntax:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
{% tabs group-name %}

{% tab group-name tab-name-1 %}

Content 1

{% endtab %}

{% tab group-name tab-name-2 %}

Content 2

{% endtab %}

{% endtabs %}
 

With this you can generate visualizations like:

• php
• js
• ruby

• 
  1
   
  var_dump('hello');
   

• 
  1
   
  console.log("hello");
   

• 
  1
   
  pputs 'hello'
   

Another example

• yaml
• json

• 
  1
  2
  3
   
  hello:
    - "whatsup"
    - "hi"
   

• 
  1
  2
  3
   
  {
    "hello": ["whatsup", "hi"]
  }
   

Tabs for something else

• text
• quote
• list

• Regular text

• A quote

• Hipster list

  • brunch
  • fixie
  • raybans
  • messenger bag