又有朋友入坑程序猿这一神圣而又伟大的职业,问写博客用 Markdown 语法怎么样,表示大力赞同 ,一直以来都觉得 Markdown 语法超级简单方便,这两天年后刚上班,闲来无事,于是整理下平常用到的 Markdown 语法,希望能帮到有需要的道友。
一、标题
// 标题前面加 # 号,一个 # 代表是一级标题
#一级标题
##二级标题
###三级标题
####四级标题
#####五级标题
######六级标题
效果预览:
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
二、区块引用
// `>`后有 1 个空格
> 引用
> 一级引用
> > 二级引用
> > > 三级引用
> > > > 四级引用
> > > > > 五级引用
效果预览:
引用
一级引用
二级引用
三级引用
四级引用
五级引用
三、强调
三个 *
或 _
代表斜体加粗,两个 *
或 _
代表加粗,一个 *
或 _
代表斜体,~~
代表删除。
***斜体加粗文本*** 或者 ___斜体加粗文本___
**加粗文本** 或者 __加粗文本__
*斜体文本* 或者_斜体文本_
~~删除文本~~
效果预览:
斜体加粗文本 或者 斜体加粗文本
加粗文本 或者 加粗文本
斜体文本 或者斜体文本
删除文本
当然以上几种还可以交叉使用,比如
~~**删除加粗文本**~~
~~***删除斜体加粗文本***~~
效果预览:
删除加粗文本
删除斜体加粗文本
四、列表
Markdown 支持有序列表和无序列表。
无序列表使用 *
、-
、和 +
作为列表标记:
* 北京
* 海淀区
* 五道口
* 上海
* 黄浦区
* 外滩
* 广州
* 广州
* 广州
- 北京
- 海淀区
- 五道口
- 上海
- 黄浦区
- 外滩
- 广州
- 广州
- 广州
+ 北京
+ 海淀区
+ 五道口
+ 上海
+ 黄浦区
+ 外滩
+ 广州
+ 广州
+ 广州
效果预览:
- 北京
- 海淀区
- 五道口
- 海淀区
- 上海
- 黄浦区
- 外滩
- 黄浦区
- 广州
- 广州
- 广州
- 广州
有序列表则使用数字加英文句点 .
来表示:
1. 北京
2. 上海
3. 广州
效果预览:
- 北京
- 上海
- 广州
五、分隔线
可以用三个或三个以上的 *
、-
、或 _
来建立分隔线
******
___
---
效果预览:
六、链接
Markdown 支持三种形式的链接语法: 行内式和参考式和自动链接。
行内式链接:[_以梦为马](http://www.jianshu.com/u/4f54fbd2ea5f)
参考式链接:[_以梦为马][url]
// url 为链接标记
[url]: http://www.jianshu.com/u/4f54fbd2ea5f
自动链接:<http://www.jianshu.com/u/4f54fbd2ea5f>
效果预览:
行内式链接:_以梦为马
参考式链接:_以梦为马
自动链接:http://www.jianshu.com/u/4f54fbd2ea5f
七、图片
Markdown 插入图片的方式有两种,分为行内式和参考式,但两者都无法调整图片大小,因此建议在插入图片之前先调整好图片的大小
行内式插入图片:![图片描述](http://upload.jianshu.io/users/upload_avatars/2665449/2a2822209b0d.jpeg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240)
参考式插入图片:![图片描述][image]
[image]: http://upload.jianshu.io/users/upload_avatars/2665449/2a2822209b0d.jpeg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240
效果预览:
这是行内式插入图片: [图片上传失败...(image-62463-1514895850682)]
这是参考式插入图片:![参考式插入图片][image]
[image]: http://upload.jianshu.io/users/upload_avatars/2665449/2a2822209b0d.jpeg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240
八、代码
代码分为行内代码和代码框
- 行内代码就是用两个`把需要添加行内代码的区域包起来。
这是行内代码:`self.tableView.delegate = self`
效果预览:
这是行内代码:self.tableView.delegate = self
- 代码框就是用两个 ``` 把需要添加行内代码的区域包起来。
这是代码框:
``` iOS
self.tableView.delegate = self;
self.tableView.dataSource = self;
self.tableView.showsVerticalScrollIndicator = NO;
self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
``` ```
**效果预览**:
这是代码框:
``` iOS
self.tableView.delegate = self;
self.tableView.dataSource = self;
self.tableView.showsVerticalScrollIndicator = NO;
self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
九、表格
- 表格对齐方式有三种:
- 居左:
:----
- 居中:
:----:
或-----
- 居右:
----:
- 居左:
|标题|标题|标题|
|:---|:---:|---:|
|居左居左居左居左|居中|居右|
|居左|居中居中居中居中|居右|
|居左|居中|居右居右居右居右|
效果预览:
标题 | 标题 | 标题 |
---|---|---|
居左居左居左居左 | 居中 | 居右 |
居左 | 居中居中居中居中 | 居右 |
居左 | 居中 | 居右居右居右居右 |
十、脚注
使用[^]来定义脚注:
这是一个脚注 [^1]
[^1]: 这是一个脚注
效果预览:
这是一个脚注 [1]
十一、高级技巧
- HTML 标签
- 代码块
<pre>代码块</pre>
效果预览:
<pre>代码块</pre> - 粗斜体
<b> Markdown 加粗 *斜体* </b>
效果预览:
<b> Markdown 加粗 斜体 </b> - 下划线
<u>下划线</u>
效果预览:
<u>下划线</u>
Markdown 中 HTML 标签还有很多,比如<kdb>
<i>
<em>
<sup>
<sub>
<br>
<p>
等等,有兴趣的童鞋可以试试。
- 符号转义
\_不想这里的文本变斜体\_
\*\*不想这里的文本加粗\*\*
效果预览:
_不想这里的文本变斜体_
**不想这里的文本加粗**
结束语:
Markdown 的常用语法基本上都在这里了,另外再推荐一款免费且十分好用的 Markdown 编辑器 Mou(Mac OS X 上)。
-
这是一个脚注 ↩