斜体
*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](https://i2.wp.com/s.wordpress.org/about/images/logos/wordpress-logo-32.png?zoom=2 "Wordpress Logo")
![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](https://i2.wp.com/s.wordpress.org/about/images/logos/wordpress-logo-32.png?zoom=2 "Wordpress Logo")
![wordpress][wordpresslogo]
[wordpresslogo]:https://i2.wp.com/s.wordpress.org/about/images/logos/wordpress-logo-32.png?zoom=2 "Wordpress Logo"
效果如下:
带链接的图片
[![wordpress](https://i2.wp.com/s.wordpress.org/about/images/logos/wordpress-logo-32.png?zoom=2 "wordpress")](http://www.wordpress.com/ "wordpress")
1
2
[![wordpress](https://i2.wp.com/s.wordpress.org/about/images/logos/wordpress-logo-32.png?zoom=2 "wordpress")](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格式。
前端开发技术大全 ↩