Typora使用教程

一、简介

相比较world这种文档编辑器而言，Typora更适合写一些程序相关的博客，因为可以用代码+快捷键的方式，方便的对文章内容进行处理，不用在担心排版和样式变形的问题了，在编辑的过程中，就能预览到效果。

---

二、下载

进入Typora官网下载，点击进入。

---

三、常用快捷键

• 加粗： Ctrl + B
• 替换： Ctrl + H
• 撤销： Ctrl + Z
• 插入链接：Ctrl + K
• 插入图片：Ctrl + ShifIt + I
• 插代码块：Ctrl + ShifIt + K
• 显示大纲：Ctrl + ShifIt + L
• 切换源代码：Ctrl + /

---

四、块元素

4.1 标题级别

# 一级标题， 快捷键为 Ctrl + 1

## 二级标题，快捷键为 Ctrl + 2

###### 六级标题，快捷键为 Ctrl + 6

注意：回车下行自动排序。

---

4.2 引用文字

> + spacebar

4.3 列表

• 无序列表： + 或 - + spacebar

• 有序列表：1. + spacebar

注意：回车下行自动排序。

---

4.4 代码块

快捷键：Ctrl + ShifIt + K

语法：_</kbd><kbd>~ + Enter 在后面选择一个语言名称可语法高亮。

---

4.5 数学表达式

语法：$ $ + Enter

效果：

\[\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} ${$tep1}{\style{visibility:hidden}{(x+1)(x+1)}} \]

---

4.6 表格

语法：| 1 | 2 | + Enter，即可将创建一个两行两列的表，表格左上右上角有扩展功能。

注意：插入表格需要顶头写，不然显示不出来。

效果：

标题1	标题2
内容1	内容2

---

4.7 目录

语法：toc + Enter标题内容自动更新。

---

4.8 代码标记

快捷键：Shift + Alt + `

语法：双`引起来。

---

五、链接

跨度元素即图片，网址，视频等，在Typora中输入后，会立即载入并呈现。

5.1 超链接

快捷键：Ctrl + K

这是一个带有标题属性的链接：[链接说明](http://example.com/ "标题")

这是一个没有标题属性的链接：[链接说明](http://example.net/)

---

5.2 图片

快捷键：Ctrl + ShifIt + L

![显示的文字](/path/to/img.jpg)
![显示的文字](/path/to/img.jpg "图片标题")

---

5.3 视频

< video src=”xxx.mp4” />

---

六、文字符号

6.1 倾斜

快捷键：Ctrl + I

语法：* 内容 *

效果：单个星号

---

6.2 加粗

快捷键：Ctrl + B

语法：** 内容 **

效果：两个星号

---

6.3 删除线

快捷键：ShifIt + Alt + 5

语法：~~内容~~

效果：删除线

---

6.4 下划线

快捷键：Ctrl + U

语法：<u>内容</u>

效果：下划线

---

6.5 分割线

语法：*** 或 --- + Enter

---

6.6 表情符号

typora 会在你键入 : 的时候根据你输入的单词匹配表情。

输入：:happy: 、:cry: 、:smile: 等等就能获得相应的表情。

效果：:happy: 😢 😅

---

6.7 上下标，高亮显示

注意：需要在设置中打开

上标：X2 方法：字母+^+数字+^

下标：H2O 方法：字母+~字母~+字母

高亮：高亮 方法：==文字==

---

6.8 脚注

• 脚注：[^1]

• 注释内容：[^1]:

注意：脚注标识是1，标识可以为字母数字下划线，不支持中文。脚注内容可为任意字符，包括中文。

---

七、支持的 HTML 元素

7.1 文本居中

语法：<center> 内容 </center>

效果：

这是要居中的内容

---

7.2 快捷键显示

语法：<kbd> 内容 </kbd>

效果：CtrlEnter123

---

7.3 加粗

语法：<b> 加粗</b>

效果：粗了

---

7.4 倾斜

语法：<i> 倾斜 </i>

效果： 斜了 

---

7.5 上下标

语法：<sup>123hi你好</sup>

语法：<sub>321hi你好</sub>

效果：^123hi你好 / _321hi你好

---