Markdown Tutorial - Layout

Code Blocks

Here is a literal ` backtick. And here is some text.

markdown:

Here is a literal `` ` `` backtick. And here is `some` text.

Standard Code Blocks

Here comes some code. This text belongs to the same code block.

This one is seperate.

markdown:

Here comes some code.
This text belongs to the same code block.
^
This one is seperate.

javascript highlight

(() => console.log('hello, world!'))();

markdown:

```javascript
(() => console.log('hello, world!'))();

Language of Code Blocks

for(int i=0;i<max;i++){
	i++;
}

markdown:

~~~
for(int i=0;i<max;i++){
	i++;
}
~~~
{:.language-c++}

for(int i=0;i<max;i++){
	i++;
}

markdown:

~~~ c++
for(int i=0;i<max;i++){
	i++;
}
~~~

Lists

Unordered list

  • Asia
  • Europe
    • Austria
    • France
    • Italy
  • North America

markdown:

* Asia
* Europe
	* Austria
	* France
	* Italy
* North America

Ordered list

  1. Asia
  2. Europe
    1. Austria
    2. France
    3. Italy
  3. North America

markdown:

1. Asia
2. Europe
	1. Austria
	2. France
	3. Italy
3. North America

Blockquotes

“There is nothing either good or bad, but thinking makes it so.”

—Hamlet in Hamlet

markdown:

> "There is nothing either good or bad, but thinking makes it so."
>
> —Hamlet in *Hamlet*

Definition

kramdown
A Markdown-superset converter
Maruku
Another Markdown-superset converter

markdown:

kramdown
: A Markdown-superset converter

Maruku
: Another Markdown-superset converter

Tables

Default aligned Left aligned Center aligned Right aligned
First body part Second cell Third cell fourth cell
Second line foo strong baz
Third line quux baz bar
Second body      
2 line      
Footer row      

markdown:

|-----------------+------------+-----------------+----------------|
| Default aligned |Left aligned| Center aligned  | Right aligned  |
|-----------------|:-----------|:---------------:|---------------:|
| First body part |Second cell | Third cell      | fourth cell    |
| Second line     |foo         | **strong**      | baz            |
| Third line      |quux        | baz             | bar            |
|-----------------+------------+-----------------+----------------|
| Second body     |            |                 |                |
| 2 line          |            |                 |                |
|=================+============+=================+================|
| Footer row      |            |                 |                |
|-----------------+------------+-----------------+----------------|
Default aligned Left aligned Center aligned Right aligned
First body part Second cell Third cell fourth cell
Second line foo strong baz
Third line quux baz bar
Second body x m  
2 line x n  
Footer row      

markdown:

|---
| Default aligned | Left aligned | Center aligned | Right aligned
|-|:-|:-:|-:
| First body part | Second cell | Third cell | fourth cell
| Second line |foo | **strong** | baz
| Third line |quux | baz | bar
|---
| Second body |x|m
| 2 line |x|n
|===
| Footer row
PREVIOUSGraph
NEXTGitHub Pages Tutorial