原文链接:https://segmentfault.com/a/1190000010223222#articleHeader9
1.标题
注:#后面保持空格
# h1 ## h2 ### h3 #### h4 ##### h5 ###### h6 ####### h7 // 错误代码 ######## h8 // 错误代码 ######### h9 // 错误代码 ########## h10 // 错误代码
演示:
h1
h2
h3
h4
h5
h6
####### h7
######## h8
######### h9
########## h10
2.分级标题
注:=
-
最少可以只写一个,兼容性一般
一级标题 ====================== 二级标题 ---------------------
演示:
3.TOC
注:根据标题生成目录,兼容性一般
代码:
[TOC]
演示:
4.引用
> hello world!
演示
hello world!
多行式:
> hello world!
hello world!
hello world!
或者:
> hello world!
> hello world!
> hello world!
演示:
hello world!
hello world!
hello world!
多层嵌套
> aaaaaaaa
>> bbbbbbbb
>>> ccccccccc
演示:
| aaaaaaaaa
|
| | bbbbbbbbb
| |
| | | cccccccccc
| |
|
5.行内标记
注:用 `标记(代码块变成 一行)
代码:
标记之外 `hello world`标记之外
演示:
标记之外 hello world 标记之外
错误代码
注:不同平台错误略有差异
标记之外 ` < div> < div></div> < div></div> < div></div> < /div> `标记之外
演示
6.代码块
注:用 ``` 生成块
演示
注:距离上行保持一空行
<div>
<div></div>
<div></div>
<div></div>
</div>
注: Tab缩进
演示:
自定义语法
注:根据不同的语言配置不同的代码着色
演示:
7.插入链接
代码1(内链式)
* [mou](http://mouapp.com/)
* [ace](http://ace.ajax.org/)
* [jquery](http://jquery.com)
演示:
8.插入图片
![](./01.png '描述') 例:![mahua](mahua-logo.jpg)
演示:(图片成功插入)
9.插入的图片带有链接
[![](./01.png '百度')](http://www.baidu.com){:target="_blank"} // 内链式
[![](./01.png '百度')][5]{:target="_blank"} // 引用式
[5]: http://www.baidu.com
10.视频插入
<iframe height=498 width=510 src='http://player.youku.com/embed/XMjgzNzM0NTYxNg==' frameborder=0 'allowfullscreen'></iframe>
演示:
(视频已经被插入)
[![视频名称](mahua-logo.jpg)](http://v.youku.com/v_show/id_XMjgzNzM0NTYxNg==.html?spm=a2htv.20009910.contentHolderUnit2.A&from=y1.3-tv-grid-1007-9910.86804.1-2#paction){:target="_blank"}
演示:(点击即可跳转到相应的视频。在markdoawn的编辑器中)
11.序表
代码1(有序)
注:序列.
后 保持空格
无序:
序表嵌套
1. one
1. one-1
2. two-2
2. two
* two-1
* two-2
演示:
12,.任务列表
- [x] 选项一
- [ ] 选项二
- [ ] [选项3]
演示:
13.表格
注: :
代表对齐方式 ,** :
与 |
之间不要有空格**,否则对齐会有些不兼容
| a | b | c |
|:-------:|:------------- | ----------:|
| 居中 | 左对齐 | 右对齐 |
|=========|===============|============|
演示:
简约写法:
a | b | c
:-:|:- |-:
居中 | 左对齐 | 右对齐
============|=================|=============
14.语义标记
15.语义标签
16.格式化文本(保持输入排版格式不变)(代码块也保持输入的格式不变)
演示:
17.公式 {#1}
注:1个$左对齐,2个居中
$$ x href{why-equal.html}{=} y^2 + 1 $$
$ x = {-b pm sqrt{b^2-4ac} over 2a}. $
18.分隔符
注:最少三个 ---
或 ***
或 * * *
代码
***
---
* * *
演示:
19.锚点
代码
注:只有标题支持锚点, 跳转目录方括号后 保持空格
[公式标题锚点](#1)
### [需要跳转的目录] {#1} // 方括号后保持空格
20.自动邮箱链接
<xxx@outlook.com>
21.流程图
```flow // 流程
st=>start: 开始|past:> http://www.baidu.com // 开始
e=>end: 结束 // 结束
c1=>condition: 条件1:>http://www.baidu.com[_parent] // 判断条件
c2=>condition: 条件2 // 判断条件
c3=>condition: 条件3 // 判断条件
io=>inputoutput: 输出 // 输出
//----------------以上为定义参数-------------------------
//----------------以下为连接参数-------------------------
// 开始->判断条件1为no->判断条件2为no->判断条件3为no->输出->结束
st->c1(yes,right)->c2(yes,right)->c3(yes,right)->io->e
c1(no)->e // 条件1不满足->结束
c2(no)->e // 条件2不满足->结束
c3(no)->e // 条件3不满足->结束
```
演示:
代码详解
流程图分为两个部分: 定义参数 然后 连接参数
22.时序图
A->>B: 你好
Note left of A: 我在左边 // 注释方向,只有左右,没有上下
Note right of B: 我在右边
B-->A: 很高兴认识你
演示: