Markdown Reference
Markdown 参考指南
Overview
Markdown is created by Daring Fireball; the original guideline is here. Its syntax, however, varies between different parsers or editors. Typora is using GitHub Flavored Markdown.
块元素
段落和换行符
段落: 段落是指>1行的连续不间段文字。
换行符: 用来做段落区分,通常由两行空行组成,在 typora 中,用 Return|Enter 即可创建一个换行符。
单换行符: 使用 Shift + Return|Enter 进行单换行符,从 markdown 原语上不支持单换行符,所以为了和其他解析器兼容,建议在行尾添加两个空格或者直接插入使用 html 标签 <br/>
这是段落1,后面跟一种单换行符
这是段落1的第二行,后面跟了另一种单换行符
这是段落1的第三行,后面跟了一个换行符。
这是段落2,后面跟了 typora 的单换行符。这是段落1的第二行,后面跟了换行符。
标题
使用 1-6 个 # 符号放置在行首,对应了级别为 1-6 的标题 例如:
# This is H1
## This is H2
### This is H3
#### This is H4This is H1
This is H2
This is H3
This is H4
引用
符号 > 置于行首用来表示引用,例如:
> 这是对一个有两段文字的引用,这是第一段。
>
> 这是第二段,nonsense words, nonsense words, nonsense words, nonsense words
> 这是另一个引用,两个引用之前使用三个空行用以分隔。这是对一个有两段文字的引用,这是第一段。
这是第二段,nonsense words, nonsense words, nonsense words, nonsense words
这是另一个引用,两个引用之前使用三个空行用以分隔。
列表
符号 * 置于行首用于创建一个元序数的列表,同样的,你也可以使用 + 或 - 符号。
#### un-ordered list
- Red
- pink
- light pink
- heavy pink
- orange
- Green
- Blue
#### ordered list
1. Red 1.1 pink 1.2 light pink 1.3 heavy pink
2. Green
3. Blueun-ordered list
- Red
- pink
- light pink
- heavy pink
- orange
- pink
- Green
- Blue
ordered list
- Red
1.1 pink
1.2 light pink
1.3 heavy pink - Green
- Blue
任务列表 (typora)
任务列表用- [ ] (未完成) 或 - [x] (完成) 来表示,例如:
- [ ] TODO 1
- [ ] TODO 2
- [ ] TODO **importatnt**, @mentions, #1234 refs
- [ ] 未完成
- [x] 已完成-
TODO 1
-
TODO 2
-
TODO important, @mentions, #1234 refs
-
未完成
-
已完成
代码块
用以下格式来表示代码块:
```markdown
代码块中的内容不仅可以用来表示代码,也可以用来包括一切不需要解析的纯文本。比如 <br/> 在此处不会换行,
# 一级标题不生效
> 引用也没有作用
```代码块中的内容不仅可以用来表示代码,也可以用来包括一切不需要解析的纯文本。比如 <br/> 在此处不会换行,
# 一级标题不生效
> 引用也没有作用数学块
大多数 markdown 解析引擎使用 MathJax 渲染 LaTeX 格式的数学表达式。
通过 $$ + Return 的方式添加 Tex/LaTex 表达式。例如:
$$
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
{\partial}X \over {\partial u} & \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial u} & 0 \\
\end{vmatrix}
$$更多内容参见,Math and Academic Functions
表格
表格的格式如下:
| Column 1 | Column 2 | Column 3 |
| :------------- | :------------: | -------------: |
| column 1 row 1 | column 2 row 1 | column 3 row 1 |
| column 1 row 2 | column 2 row 2 | column 3 row 2 |
| 左对齐 | 居中对齐 | 右对齐 || Column 1 | Column 2 | Column 3 |
|---|---|---|
| column 1 row 1 | column 2 row 1 | column 3 row 1 |
| column 1 row 2 | column 2 row 2 | column 3 row 2 |
| 左对齐 | 居中对齐 | 右对齐 |
注解 (Footnotes)
创建注释的格式如下:
你可以像这样创建一个注解[^注解].
[^注解]: 这里是**注解**的*说明文字*。你可以像这样创建一个注解1。
分隔线
用 --- + Return 或者 *** + Return 可以生成一条分隔线。
目录 (TOC)
[TOC]
行内元素
链接
创建一个超链接的方式如下:
这是一个 [bing搜索](https://cn.bing.com/ '链接的标题') 有标题的链接。这是一个 [bing搜索](https://cn.bing.com/) 无标题的链接。这是一个 bing搜索 有标题的链接。这是一个 bing搜索 无标题的链接。
内部链接
内部链接指向文章内部,他使得用户在点击后可以跳转相应的标题,例如:
这是一个 [目录 (TOC)](#目录 'TOC') 有标题的链接。这是一个 目录 (TOC) 有标题的链接。
引用链接
引用链接通过两个 [] 方括号来表示,在第二个 [] 方括号内用一个标签来标识,例如:
这是一个 [bing搜索][2] 无标题的链接。
#隐式链接的特点是第二个 [] 内不需要写标签,其标签就是第一个 [] 的内容。这个一个 [bing搜索][] 的隐式链接。
# 这个链接一般写在文章末尾
[2]: https://cn.bing.com/ [bing搜索]: https://cn.bing.com/这是一个 bing搜索 无标题的链接。
这个一个 bing搜索 的隐式链接。
URLs
如果只需要写纯链接,可以直接将链接写到 <> 两个尖括号之前,例如:
Images
图片的 markdown 原语格式和超链接很像,如下:
 
斜体强调
通过在文字两边加上 _ 下划线 或 * 单星号,来形成强调格式,等同于 html 语法中的 <em> 标签,例如:
单星号的强调
下划线的强调
如果需要专门显示特殊字符,可以用 \ 前置于特殊字符之前,比如:这是 _下划线_ 这是 *单星号*。
加粗强调
与斜体强调类似,通过在文字两边加上 __ 两个下划线 或 ** 两个星号完成,等同于 html 语法中的 <strong> 标签。
双下划线的强调
双星号的强调
代码
行内的代码元素通过在文字两边加上 ` 符号来完成,例如:
在 Java 中打印到标准输出流,我们需要使用 `System.out.println()` 方法。在 Java 中打印到标准输出流,我们需要使用 System.out.println() 方法。
删除线
删除线通过在文字两边加上 ~~ 两个破折号完成,例如:
xrange() 方法在 python 3 中已经被废弃了。
下划线
typora 中下划线直接通过 html 原语来实现,即 <u> 标签。
<u>此处下划线</u>此处下划线
表情符号 (Emoji)
通过 :{label}: 来完成表情符号,如:
:happy::car::happy::car:
输入 : 加一个任意字符后会自动提词,mac 上最好用的方法是 ^ + cmd + space, 也可以直接查 Emoji Table
行内数学符号
把表达式写在 $ 美元符号之前即可。
$\lim_{x \to \infty} \exp(-x) = 0$
下标
先在偏好设置里打开,将需要变成下标的元素放在两个 ~ 破折号之间。
Xlong\ textY H2O CO2
上标
先在偏好设置里打开,将需要变成上标的元素放在两个 ^ 符号之间。
x^2^ + 2x = 2y^2^
高亮
先在偏好设置里打开,将需要变成高亮的元素放在两个 == 符号之间。
==这是一段高亮文字==
HTML
markdown 语法里支持了大部分原生 html 标签,所以内联的 html 类型基本都可以直接使用,例如:
<span style="color:red">this text is red</span>
<div style="background:red;">
<a href="https://google.com">GOOGLE</a>
</div>
<iframe
height="265"
scrolling="no"
title="Fancy Animated SVG Menu"
src="http://codepen.io/jeangontijo/embed/OxVywj/?height=265&theme-id=0&default-tab=css,result&embed-version=2"
frameborder="no"
allowtransparency="true"
allowfullscreen="true"
style="width: 100%;"
></iframe>
<video src="xxx.mp4" />this text is red