Markdown

Posted on Edited on In Views: Word count in article: 419 Reading time ≈ 2 mins.
Markdown is a lightweight markup language for creating formatted text using a plain-text-editor.

Introduction

Markdown is a lightweight markup language for creating formatted text using a plain-text-editor.

Block element

For each block, you'd better put a space behind it.

Title

One # indicates a level of the heading. There are six levels in total.

1
# Example1

That is:

Example1

1
## EXSubtitle1

That is:

EXSubtitle1

Reference

One > indicates this block is a reference.

1
> Reference example

That is:

Reference example

Unordered list

One - indicates a line of lists.

1
2
3
- saber
- lancer
- berserker

That is

  • saber
  • lancer
  • berserker

Ordered list

1
2
3
1. saber
2. lancer
3. berserker

That is

  1. saber
  2. lancer
  3. berserker

Multilevel list

1
2
3
4
5
6
1. saber
  - 1.1 king
  - 1.2 queen
2. lancer
  - 2.1 red
  - 2.2 blue

That is

  1. saber
    • 1.1 king
    • 1.2 queen
  2. lancer
    • 2.1 red
    • 2.2 blue

Task list

1
2
3
- [ ] lunch
- [ ] play
- [x] sleep

That is

  • lunch
  • play
  • sleep

Code block

1
2
3
just occupy```language
           Content
just occupy```

That is

1
Content

Languages that code block supports:

  • applescript
  • shell/bash
  • cpp/c
  • c#
  • java
  • javascript/js
  • text
  • python/py
  • sql
  • matlab
  • go
  • css
  • delphi
  • erlang
  • groovy
  • coldfusion
  • ...

Arithmetic formula

1
2
3
$$
\frac{\partial f}{\partial x} = 2\sqrt{a}x
$$

That is
$$
\frac{\partial f}{\partial x} = 2\sqrt{a}x
$$

But NexT theme will not show the formula correctly.
Markdown uses LateX to display formula. You just need to put LateX formula between $$ and $$. See more LateX syntax in LateX.

Table

1
2
3
4
|name|age|grade|
|:---|---:|:---:|  // Three -; left right mid
|Jack|20|80|
|Bob|20|90|

That is

name age grade
Jack 20 80
Bob 20 90

Changing the style of table

Put the following code before the table. It will change the size of cell.

1
2
3
4
<style> table th {
    width: 160px;
}
</style>

Inline element

1
[baidu](baidu.com "A search engine")

That is baidu

1
2
3
4
5
[baidu][id]

[baidu][id]

[id]: baidu.com "A search engine"

That is baidu baidu

1
Please refer to [Link](#Link)

That is
Please refer to Link

URL

1
http://www.baidu.com

That is http://www.baidu.com

1
![baidu](https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png "baidu logo")

That is baidu

Italic

1
*italic*

That is italic

Bold

1
**bold**

That is bold

Line code

1
`printf()`

That is printf()

Underline

1
<u>underline</u>

That is underline

Superscript

1
saber<sup>1</sup>

That is saber1

Subscript

1
saber<sub>1</sub>

That is saber1

In the middle

1
<center> That is </center>

That is

Line Arithmetic formula

1
$x$

That is $x$

See more LateX syntax in LateX.

Deletion line

1
~~aaa~~

That is aaa

More information