Markdown常用语法
斜体
1 2 3 |
*Emphasize* _emphasize_ |
效果如下:
Emphasize
emphasize
强调
1 2 3 |
**Strong** __Strong__ |
效果如下:
Strong
Strong
链接
1 2 3 4 5 |
[张文安](http://www.4455q.com/ "张文安的博客") [前端开发][1] [1]: http://www.4455q.com |
效果如下:
图片
1 2 3 4 5 |
 ![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 |
[](http://www.wordpress.com/ "wordpress") |
效果如下:(其实相当于把图片和链接的写法进行组合)
换行
Markdown官方语法,可以在行尾
敲2个空格
,然后回车
,来添加一个<br />
换行符。
但是,Wordpress中,不支持这种写法。而是,只需要输入普通的回车
就可以产生一个换行了。
脚注
其实,我还有一些1要跟大家介绍。
无序列表
1 2 3 4 5 |
* Item a * Item b _ Item c _ Item d |
效果如下:
- Item a
- Item b
- Item c
- Item d
有序列表
1 2 3 |
1. 前端开发 2. 后端开发 |
效果如下:
- 前端开发
- 后端开发
混合列表
1 2 3 4 5 6 |
1. 客户端开发 * IOS开发 * Android开发 2. Web前端开发 3. 系统运维 |
效果如下:
- 客户端开发
- IOS开发
- Android开发
- Web前端开发
- 系统运维
引用
1 2 |
> Any application that can be written in JavaScript, will eventually be written in JavaScript. |
效果如下:
Any application that can be written in JavaScript, will eventually be written in JavaScript.
Preformatted
代码
1 2 |
`Javascript is wonderfull` |
效果如下:
Javascript is wonderfull
代码块
1 2 3 4 5 6 |
```javascript (function(){ console.log("前端开发技术,请参考www.4455q.com"); })(); ``` |
效果如下:
1 2 3 4 |
(function(){ console.log("前端开发技术,请参考www.4455q.com"); })(); |
代码语法高亮
此功能可参考代码语法高亮
1 2 3 4 5 6 |
```css #button{ color: red; } ``` |
效果如下:
1 2 3 4 |
#button{ color: red; } |
标题
1 2 3 4 5 6 7 |
# 1级标题 ## 2级标题 ### 3级标题 #### 4级标题 #### ##### 5级标题 ###### 6级标题 ### |
效果如下:
1级标题
2级标题
3级标题
4级标题
5级标题
6级标题
定义列表
会被转换为 dl 标签。
1 2 3 |
Web前端开发工程师 : 专注于Web前端开发,提升网站用户体验的一种程序猿。 |
最终效果如下:
- Web前端开发工程师
- 专注于Web前端开发,提升网站用户体验的一种程序猿。
缩写
会被转换为 <abbr>
标签,并附带 title
属性。
1 2 3 4 |
以`Markdown`语法编写的文档,最终可以被转换为HTML格式。 *[HTML]: HypeText Markup Language |
效果如下:
以Markdown
语法编写的文档,最终可以被转换为HTML格式。
本文主要参考WordPress Markdown语法速查表
查看更多Markdown语法,可以参考Markdown官方项目 以及 Markdown语法扩展
- 前端开发技术大全 ↩