斜體

*Emphasize*

_emphasize_

1

2

3

*Emphasize*

_emphasize_

效果如下：

Emphasize

emphasize

強調

**Strong**

__Strong__

1

2

3

**Strong**

__Strong__

效果如下：

Strong

Strong

鏈接

[張文安](http://www.4455q.com/ "張文安的博客")

[前端開發][1]

[1]: http://www.4455q.com

1

2

3

4

5

[張文安](http://www.4455q.com/ "張文安的博客")

[前端開發][1]

[1]:http://www.4455q.com

效果如下：

圖片


![wordpress][wordpress logo]

[wordpress logo]: https://i2.wp.com/s.wordpress.org/about/images/logos/wordpress-logo-32.png?zoom=2 "Wordpress Logo"

1

2

3

4

5


![wordpress][wordpresslogo]

[wordpresslogo]:https://i2.wp.com/s.wordpress.org/about/images/logos/wordpress-logo-32.png?zoom=2 "Wordpress Logo"

效果如下：

帶鏈接的圖片

[](http://www.wordpress.com/ "wordpress")

1

2

[](http://www.wordpress.com/ "wordpress")

效果如下：(其實相當于把圖片和鏈接的寫法進行組合)

換行

Markdown官方語法，可以在行尾敲2個空格，然后回車，來添加一個
換行符。

但是，Wordpress中，不支持這種寫法。而是，只需要輸入普通的回車就可以產生一個換行了。

腳注

其實，我還有一些

無序列表

* Item a

* Item b

_ Item c

_ Item d

1

2

3

4

5

*Itema

*Itemb

_Itemc

_Itemd

效果如下：

Item a

Item b

Item c

Item d

有序列表

1. 前端開發

2. 后端開發

1

2

3

1.前端開發

2.后端開發

效果如下：

前端開發

后端開發

混合列表

1. 客戶端開發

* IOS開發

* Android開發

2. Web前端開發

3. 系統運維

1

2

3

4

5

6

1.客戶端開發

*IOS開發

*Android開發

2.Web前端開發

3.系統運維

效果如下：

客戶端開發

IOS開發

Android開發

Web前端開發

系統運維

引用

> Any application that can be written in JavaScript, will eventually be written in JavaScript.

1

2

>AnyapplicationthatcanbewritteninJavaScript,willeventuallybewritteninJavaScript.

效果如下：

Any application that can be written in JavaScript, will eventually be written in JavaScript.

Preformatted

代碼

`Javascript is wonderfull`

1

2

`Javascriptiswonderfull`

效果如下：

Javascript is wonderfull

代碼塊

```javascript

(function(){

console.log("前端開發技術，請參考www.4455q.com");

})();

```

1

2

3

4

5

6

```javascript

(function(){

console.log("前端開發技術，請參考www.4455q.com");

})();

```

效果如下：

(function(){

console.log("前端開發技術，請參考www.4455q.com");

})();

1

2

3

4

(function(){

console.log("前端開發技術，請參考www.4455q.com");

})();

代碼語法高亮

此功能可參考代碼語法高亮

```css

#button{

color: red;

}

```

1

2

3

4

5

6

```css

#button{

color:red;

}

```

效果如下：

#button{

color: red;

}

1

2

3

4

#button{

color:red;

}

標題

# 1級標題

## 2級標題

### 3級標題

#### 4級標題 ####

##### 5級標題

###### 6級標題 ###

1

2

3

4

5

6

7

#1級標題

##2級標題

###3級標題

####4級標題####

#####5級標題

######6級標題###

效果如下：

1級標題

2級標題

3級標題

4級標題

5級標題

6級標題

定義列表

會被轉換為 dl 標簽。

Web前端開發工程師

: 專注于Web前端開發，提升網站用戶體驗的一種程序猿。

1

2

3

Web前端開發工程師

:專注于Web前端開發，提升網站用戶體驗的一種程序猿。

最終效果如下：

Web前端開發工程師

專注于Web前端開發，提升網站用戶體驗的一種程序猿。

縮寫

會被轉換為 標簽，并附帶 title 屬性。

以`Markdown`語法編寫的文檔，最終可以被轉換為HTML格式。

*[HTML]: HypeText Markup Language

1

2

3

4

以`Markdown`語法編寫的文檔，最終可以被轉換為HTML格式。

*[HTML]:HypeTextMarkupLanguage

效果如下：

以Markdown語法編寫的文檔，最終可以被轉換為HTML格式。

前端開發技術大全??

總結

以上是生活随笔為你收集整理的html5 markdown,Markdown常用语法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。