Markdown 由 Daring Fireball 创造;原指导文档在 这里。然而,与大多数解释器 / 编辑器不一样的是,Typora 采用的是 Github 推荐的 Markdown。css
一个段落是简单的一行或者多个的连续行。在 markdown 源码中,段落被两个或多个空白行分隔。在 Typora 中,你仅须要一个空白行便可(按一次 Return
)建立一个新段落。html
按住 Shift
+ Return
能够仅建立一次换行。大多数其余 markdown 解释器会忽略单独换行,因此为了让其余 markdown 解释器识别你的换行,你能够在一行的结束留两个空格,或插入 <br/>
。git
标题为在一行的开始使用 1-6 个 #
号,对应为 1-6 级标题。例如:github
# This is an H1
## This is an H2
###### This is an H6
复制代码
在 Typora 中,在标题前输入 #
,而后按 Return
键建立一个标题。编程
Markdown 使用 email 风格的 > 符号进行块引用。以下所示:浏览器
> This is a blockquote with two paragraphs. This is first paragraph.
> > This is second pragraph. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
> This is another blockquote with one paragraph. There is three empty line to seperate two blockquote.
复制代码
在 Typora 中输入 >
而后紧跟你的引用内容将会生成一个引用块。Typora 能够为你继续插入一个 >
符号或者为一个换行。嵌套块引用(一个块引用嵌套在另外一个块引用中)经过添加高一级的 >
。ruby
输入 * list item 1
将会建立一个无序列表 —— *
符号能够用 +
或 -
替代。markdown
输入 1. list item 1
将会建立一个有序列表。markdown 源码以下所示:编辑器
## un-ordered list
* Red
* Green
* Blue
## ordered list
1. Red
2. Green
3. Blue
复制代码
任务列表是经过符号 [] 或 [x](未完成或完成)进行标记的列表。例如:ide
- [ ] a task list item
- [ ] list syntax required
- [ ] normal **formatting**, @mentions, #1234 refs
- [ ] incomplete
- [x] completed
复制代码
你能够经过点击标签前的检查框进行勾选来改变完成 / 未完成状态。
Typora 仅支持 GitHub Flavored Markdown (GFM) 的代码块(fences)。原始 markdown 的代码块不支持。
使用 fences 是很是简单的:输入 ``` 而后按 return
键。添加一个可选的语言标识符在 ``` 以后可打开语法高亮:
Here's an example:
``` function test() { console.log("notice the blank line before this function?"); } ``` syntax highlighting: ```ruby require 'redcarpet' markdown = Redcarpet.new("Hello World!") puts markdown.to_html ``` 复制代码
你可以使用 MathJax 提供 LaTeX 数学表达式。
添加一个数学表达式,输入 $$
而后按回车键。将建立一块用以接收 Tex/LaTex 源码的输入区域。例如:
在 markdown 源文件中,数学公式块是被一对 ‘$$’ 标记所包围的一个 LaTeX 表达式:
$$
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}
$$
复制代码
你能够在 这里 找到更多细节。
输入 | First Header | Sceond Header |
而后按 return
键,将建立一个具备两列的表格。
在一个表被建立后,点击该表能够打开工具栏,用以重设表格大小,列对齐方式或删除。一样可使用上下文菜单复制和添加 / 删除单独的行 / 列。
建立表的所有语法以下所示,可是没必要了解全部的语法细节由于 Typora 能够自动生成 Markdown 表格的源代码。
在 Markdown 源代码,语法以下所示:
| First Header | Second Header |
| ------------- | ------------- |
| Content Cell | Content Cell |
| Content Cell | Content Cell |
复制代码
表格内可包含连接,可对表中文本设置加粗,斜体或删除线。
最后,经过在标题行包含冒号(:),你能够定义该列文本的对齐方式。
| Left-Aligned | Center Aligned | Right Aligned |
| :------------ |:---------------:| -----:|
| col 3 is | some wordy text | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
复制代码
冒号在最左边表示左对齐;冒号在最右边表示右对齐;冒号在两边表示居中对齐。
You can create footnotes like this[^footnote].
[^footnote]: Here is the *text* of the **footnote**.
复制代码
将产生:
你能够像这样创见脚标 [1]。
鼠标停留在在 footnote
能够看到该脚标的内容。
在空白行输入 ***
或 ---
而后按 return
键将建立一条水平分割线。
Typora 如今支持 YAML Front Matter。在文章顶部输入 ---
而后按 Return
键将引入一个元数据块。另外,你能够从 Typora 菜单栏插入一个元素据块。
输入 [toc]
而后按 Return
键,将建立一个目录。TOC 提取文档内的全部标题,而后自动在该文档首部造成一个目录。
Span 元素在输入后将被当即解析和显示。将鼠标移动到这些 span 元素上将会显示这些元素的源代码。下面是每一个 span 元素的语法。
Markdown 支持两种方式的连接:内联连接和引用连接。
在两种形式中,连接文本都被包含在 [] 中。
建立内联连接,是在连接文本的方括号后紧跟一对小括号,用以放入一个你想指向的连接的 URL,和一个可选的用引号包围的连接标题。以下:
This is [an example](http://example.com/"Title") inline link.
[This link](http://example.net/) has no title attribute.
复制代码
将会建立:
This is an example inline link. (<p>This is <a href="http://example.com/"title="Title">
)
This link has no title attribute. (<p><a href="http://example.net/">This link</a> has no
)。
你能够设置 href 连接至标题,将建立一个容许你点击后跳转至目的区域的连接。例如:
Command(Windows: Ctrl) + 点击 [此连接](#Block 元素) 将跳转至标题 Block 元素
。点击该连接将显示 markdown 源码。
引用连接使用两对方括号,包括一个你选择用来标识该连接的标签:
This is [an example][id] reference-style link.
Then, anywhere in the document, you define your link label on a line by itself like this:
[id]: http://example.com/ "Optional Title Here"
复制代码
在 Typora 中, 以下显示:
This is an example reference-style link.
当连接文本和连接标签相同时,可省略第二个方括号内的连接标签。例如,只要用一对空方括号,就可将单词 "Google" 连接至 google.com:
[Google][]
And then define the link:
[Google]: http://google.com/
复制代码
在 Typora 中,点击该连接能够进行修改,而且 command+click 将在你的浏览器中打开此超连接。
Typora 容许你插入 URLs 做为连接, 使用 <>
将该 URLs 包围便可。
<i@typora.io>
显示为 i@typora.io 。
Typora 可为标准 URLs 自动产生连接。例如:www.google.com。
图片和连接具备类似的语法,只须要在连接的语法前加入一个额外的 !
。图片插入的语法以下所示:


复制代码
你能够从一个图片文件或者你的网页浏览器中经过拖/放的方式插入一个图片。经过点击此图片即可修改 markdown 源码。若是此图片是经过拖/放方式插入的,而且属于你正在编辑文档的目录或者子目录,Typora 将会采用相对路径。
Markdown 将星号 *
和下划线 _
做为斜体的标识符。被星号和下划线包围的文本就和被 HTML 中的 em
标签包围的文本效果同样。例如:
*single asterisks*
_single underscores_
复制代码
输出:
single asterisks
single underscores
GFM 将会忽略普遍使用在编程和命名中的单词的下划线,例如:
wow_great_stuff
do_this_and_do_that_and_another_thing.
为了表示一个文本的星号或者下划线,你可使用 \ 进行转义:
\*this text is surrounded by literal asterisks\*
复制代码
Typora 推荐使用 *
符号。
两对 *
或 _
可使其包围的内容加粗,就和被 HTML 的 <strong>
标签包围的效果同样。
**double asterisks**
__double underscores__
复制代码
输出:
double asterisks
double underscores
Typora 推荐使用 **
符号。
为了表示行内代码片,使用右单引号(`)。不像格式化代码块,一个代码片是在一个正常段落中显示的,例如:
Use the `printf()` function.
复制代码
将产生:
Use the printf()
function.
GFM 包含了为文本添加删除线的语法,此语法在标准 Markdown 语法不存在。
~~Mistaken text.~~
显示为 Mistaken text.
下划线使用原生 HTML 语法。
<u>Underline</u>
显示为 Underline.
使用语法 :smile
输入 emoji 表情。
用户能够经过按下 ESC
键启用 emoji 的自动补全建议,或在首选项中启用。在(macOS)菜单栏中 Edit
-> Emoji & Symbols
,直接输入 UTF-8 emoji 字符一样是被支持的。
使用该特性前,请先打开 Preference
Panel -> Markdown
Tab。而后使用 $
包围一个 TeX 命令。例如: $\lim_{x \to \infty} \exp(-x) = 0$
将被视为一个 LaTeX 命令。
为行内数学公式开启行内预览:输入 "$",而后按下 ESC
键,而后输入一个 TeX 命令。
你能够在这里找到更多细节 here。
使用该特性前,先打开 Preference
Panel -> Markdown
Tab,而后使用 ~
包围下标内容,例如: H~2~O
, X~long\ text~
。
使用该特性前,先打开 Preference
Panel -> Markdown
Tab,而后使用 ^
包围上标内容,例如: X^2^
。
使用该特性前,先打开 Preference
Panel -> Markdown
Tab,而后使用 ==
包围高亮内容,例如: ==highlight==
。
当纯 Markdown 语法不支持时,你可使用 HTML 个性化内容。例如:使用 <span style="color:red">this text is red</span>
将文本设置为红色。
一些网站提供基于 iframe 的嵌入代码,你能够将其粘贴进 Typora。例如:
<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>
HTML 标签插入视频。例如:
<video src="xxx.mp4"/>
复制代码
你能够在这里找到更多细节 here.
Here is the text of the footnote. ↩︎