Markdown 常用语法

又有朋友入坑程序猿这一神圣而又伟大的职业,问写博客用 Markdown 语法怎么样,表示大力赞同 ,一直以来都觉得 Markdown 语法超级简单方便,这两天年后刚上班,闲来无事,于是整理下平常用到的 Markdown 语法,希望能帮到有需要的道友。

一、标题

// 标题前面加 # 号,一个 # 代表是一级标题
#一级标题
##二级标题
###三级标题
####四级标题
#####五级标题
######六级标题

效果预览

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

二、区块引用

// `>`后有 1 个空格
> 引用      

> 一级引用
> > 二级引用
> > > 三级引用
> > > > 四级引用
> > > > > 五级引用

效果预览

引用

一级引用

二级引用

三级引用

四级引用

五级引用

三、强调

三个 *_ 代表斜体加粗,两个 *_ 代表加粗,一个 *_ 代表斜体,~~ 代表删除。

***斜体加粗文本*** 或者 ___斜体加粗文本___

**加粗文本** 或者 __加粗文本__

*斜体文本*  或者_斜体文本_

~~删除文本~~

效果预览

斜体加粗文本 或者 斜体加粗文本

加粗文本 或者 加粗文本

斜体文本 或者斜体文本

删除文本

当然以上几种还可以交叉使用,比如

~~**删除加粗文本**~~

~~***删除斜体加粗文本***~~

效果预览

删除加粗文本

删除斜体加粗文本

四、列表

Markdown 支持有序列表和无序列表。
无序列表使用 *-、和 + 作为列表标记:

* 北京
    * 海淀区
        * 五道口
* 上海
    * 黄浦区
        * 外滩
* 广州
    * 广州
        * 广州
        

- 北京
    - 海淀区
        - 五道口
- 上海
    - 黄浦区
        - 外滩
- 广州
    - 广州
        - 广州
        

+ 北京
    + 海淀区
        + 五道口
+ 上海
    + 黄浦区
        + 外滩
+ 广州
    + 广州
        + 广州

效果预览

  • 北京
    • 海淀区
      • 五道口
  • 上海
    • 黄浦区
      • 外滩
  • 广州
    • 广州
      • 广州

有序列表则使用数字加英文句点 . 来表示:

1. 北京
2. 上海
3. 广州

效果预览

  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 上)。


  1. 这是一个脚注

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 198,848评论 5 466
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,529评论 2 375
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 145,824评论 0 327
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,329评论 1 268
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,227评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 47,879评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,218评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,877评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,159评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,155评论 2 315
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,987评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,736评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,273评论 3 302
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,407评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,663评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,158评论 2 344
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,517评论 2 339

推荐阅读更多精彩内容