Typora—Markdown编辑器实用语法教程

---

1 前言

官方网站：https://www.typora.io/

官方指南：http://support.typora.io/Markdown-Reference/

支持平台：Windows、Linux、OSX

特点：完美支持 Github 的 Markdown 语法

2 常用快捷键

撤销：Ctrl + Z

重做：Ctrl + Y

查找：Ctrl + F

替换：Ctrl + G

源代码模式：Ctrl + /

段落（即常规大间距）：Enter

换行符（即特殊小间距）：Shift + Enter

^*大多数其他markdown编辑器会忽略单一换行符。若要保证在其他编辑器中兼容，可以在源代码中的行尾留下两个空格，或者句尾加<br/>

3 基本语法

3.1 标题

# 1级标题
## 2级标题
### 3级标题
#### 4级标题
##### 5级标题
###### 6级标题

Ctrl 0 到 Ctrl 6：普通文本、1级～6级标题
Ctrl = ：提高标题等级
Ctrl - ：降低标题等级

3.2 文本样式

Ctrl B：加粗文本

**加粗文本** 
__加粗文本__

Ctrl I：强调文本

*强调文本* 
_强调文本_

Ctrl U：下划线

<u>文本</u>

Alt Shift 5：删除线

~~删除文本~~

高亮文本

==标记文本==

上下标：2¹⁰ · H₂O

^上标^ 
~下标~

转义字符：` ! *

\符号

分割线：使用分割线时，要在它的前后都空一行，防止被误当做标题标记的表达方式。

---(***或+++) Enter 或 Shift Enter（不常用）

emoji 图标：😂​⤵️ ⤴️🆎 💙🎃☑️ 🍴ϑ

在输入：和表情符号名称的开头后，将弹出一个自动完成的帮助程序。 通过查找HTML特殊字符编码对照表，还支持直接输入UTF-8特殊的符号字符。

:(表情名称首字母):
ϑ

目录：提取文中所有标题，并自动更新。

[toc] Enter

3.3 块引用

Ctrl Shift Q：引用文本

被引用文本

被嵌套引用文本

···

> 被引用文本
>> 被嵌套引用文本
>>>···

3.4 代码块

Ctrl Shift `` ：插入行内代码

`代码`

Ctrl Shift K：插入代码块

```代码语言(如python、markdown等) Enter
代码区
···

3.5 列表

Ctrl + Shift + [：有序列表

1. 项目1
2. 项目2
3. 项目3

1. 项目1
2. 项目2
3. 项目3

Tab：有序列表嵌套

1. 项目1
   1. 项目1-1
   2. 项目1-2
2. 项目2
   1. 项目2-1
3. 项目3

1. 项目1
【Tab】项目1-1
【Tab】【Tab】项目1-2
2. 项目2
【Tab】项目2-1
3. 项目3

Ctrl + Shift + ]：无序列表

• 项目

- 项目
* 项目
+ 项目

Tab：无序列表嵌套

• 项目1
  • 项目1-1
    • 项目1-1-1
• 项目2
• 项目3

- 项目1
【Tab】项目1-1
【Tab】【Tab】项目1-1-1
- 【Shift Tab】项目2
- 项目3

任务列表

• 计划任务
• 完成任务

- [ ] 计划任务
- [x] 完成任务

3.6 链接

Ctrl K：超链接

在Typora中，单击链接会将其展开以进行编辑，而Ctrl +单击将在Web浏览器中打开超链接。

内联链接：

要创建内联链接，请在链接文本的右方括号后立即使用一组常规括号。在括号内，将URL指向链接要指向的位置，并将链接的可选标题放在引号中。例如：

This is an example inline link.

This link has no title attribute.

This is [an example](http://example.com/ "Title") inline link.
[This link](http://example.net/) has no title attribute.

要创建一个内部链接，创建一个“书签”，允许您在单击它后跳转到该部分，请使用标题元素的名称作为HREF。

内部链接：

要创建一个内部链接以创建一个“书签”，在准备跳转到的指定[文字]后插入{#标记}，即可在按住Ctrl键并单击该文字时向对应标题部分跳转。

Hold down Ctrl(on Windows) and click on this link to jump to header Block Elements.

Hold down Cmd (on Windows: Ctrl) and click on [this link](#block-elements) to jump to header `Block Elements`. 

参考链接：

参考样式链接使用第二组方括号，在其中放置您选择的标签以标识链接；

This is an example reference-style link.

Then, anywhere in the document, you define your link label on a line by itself like this:

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"

隐式链接名称快捷方式允许您省略链接的名称，在这种情况下，链接文本本身用作名称，只需使用一组空的方括号。例如，将单词“ Google”链接到google.com网站，您可以简单地编写：

Google
And then define the link:

[Google][]

And then define the link:
[Google]: http://google.com/

ULRs自动链接：

Typora允许您插入URL作为链接，支持以比较简短的自动链接形式来处理网址和电子邮件信箱，并用<括号>括起来， Markdown 就会自动把它转成链接。如：<www.baidu.com>，其效果为<www.baidu.com>。
Typora还将自动链接没有这些括号的标准URL（例如：www.google.com）。

3.7 脚注

注释：

<!--这一段不要显示出来-->

参考脚注：
将鼠标悬停在“ fn1”或“ fn2”上标上可以查看脚注的内容。可以将任何喜欢的唯一标识用作脚注标记；

You can create footnotes like this¹ and this².

You can create footnotes like this[^fn1] and this[^fn2].
[^fn1]: Here is the *text* of the first **footnote**.
[^fn2]: Here is the *text* of the second **footnote**.

内联脚注：

Example³[Here is the text of the third footnote.]

Example^[Here is the text of the third footnote.][Here is the text of the third footnote.]

3.8 表格

Ctrl T：表格。可以直接操作，不用记代码。

输入 |第一个标题|第二个标题| ，然后按Enter键。这将创建一个包含两列的表。 创建表后，可以在该表的工具栏其中调整大小，对齐或删除该表。还可以在表中包括内联Markdown，例如链接，粗体，斜体或删除线等。

First Header	Second Header
Content Cell	Content Cell
Content Cell	Content Cell

| 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

| Left-Aligned  | Center Aligned  | Right Aligned |
| :------------ | :-------------: | ------------: |
| col 3 is      | some wordy text |         $1600 |
| col 2 is      |    centered     |           $12 |
| zebra stripes |    are neat     |            $1 |

3.9 图片

![Alt text](/path/to/img.jpg)

![Alt text](/path/to/img.jpg "Optional title")

Ctrl Shift I：可以使用拖放操作从图像文件或Web浏览器插入图像。您可以通过单击图像来修改源代码。如果通过拖放添加的图像与当前正在编辑的文档位于同一目录或子目录中，则将使用相对路径。Alt text为图片无法显示时显示的文字。

4 Markdown 拓展功能

4.1 TeX公式

内联公式：

输入\$，然后按ESC键，然后即可输入TeX命令。例：$e^{i\pi }+1=0$

$e^{i\pi}+1=0$

Ctrl Shift M：公式块。输入$$，然后按Enter，即可快捷输入 LeTex 公式：
$$Eule{r}^{\prime }s:e^{i\pi }+1=0$$

LaTex公式：

参考KaTeX是一个支持HTML的轻量级的数学公式引擎，详见更多支持。

$${\mathbf{V}}_1\times {\mathbf{V}}_2=\left|\begin{array}{ccc}\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{array}\right|$$

4.2 HTML

HTML的所有标签列表可以应用，详见更多支持。

预格式化文本：<pre>

<pre>预格式化文本

文本居中：<center>居中文本<center>

居中文本

按键：<kbd>Ctrl</kbd> Ctrl

颜色文本：可以使用HTML来设置纯Markdown不支持的内容的样式。

this text is red

<span style="color:red">this text is red</span> 

视频：可以使用 HTML标签嵌入视频。例如：

<video src="xxx.mp4" />

4.3 YAML Front Matter

Typora现在支持YAML Front Matter。在文章顶部输入---，然后按Enter键以引入元数据块。或者，您可以从Typora的顶部菜单插入元数据块。

---
layout: post
title: Blogging Like a Hacker
---

---

1. Here is the text of the first footnote. ↩︎

2. Here is the text of the second footnote. ↩︎

3. Here is the text of the third footnote. ↩︎