• Code and Highlight
• MathJax
• Lists
• Abbreviations (Kramdown)
• Set Classes and IDs
• Tables
• Picture
• Links
• Horizontal Rules
• Emphasis
• Footnote

Code and Highlight

Code Block

def show
  @widget = Widget(params[:id])
  respond_to do |format|
    format.html # show.html.erb
    format.json { render json: @widget }
  end
end

#include <stdio.h>
#include <stdlib.h>

int a, b, c;
int *e, *p = NULL;

int main()
{
	puts("Hello,Kean!");
	return 0;
}

Inline code

I think you should use an <addr> element here instead.

MathJax

$a^2 = b^2 + c^2$
For example this is a Block level $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$ formula, and this is an inline Level $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$ formula. \[ \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} =1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}}{1+\frac{e^{-8\pi}} {1+\ldots} } } } \]

Lists

• ✘ task one not finish

• ✓ task two finished

• task three not finish
• task one not finish - + SPACE + [ ]
• task two finished - + SPACE + [x]
• This is a complete item

Unordered List

• Item 1
• Item 2
  • Item 2a
  • Item 2b

Ordered List

1. Item 1
2. Item 2
3. Item 3
   • Item 3a
   • Item 3b

Abbreviations (Kramdown)

This is some text not written in HTML but in another language!

Set Classes and IDs

A simple paragraph with an ID attribute.

A blockquote with a title

• This item has the class “cls”

Some code here

Tables

Picture

Links

hikean.github.io repository on GitHub.

email example@example.com

GitHub

autolink http://www.github.com/

Horizontal Rules

Emphasis

This text will be italic This will also be italic

This text will be bold This will also be bold

You can combine them

Footnote

This is a footnote^{1 2 3}