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
• 无序列表效果2
• 无序列表空心圆：+ 或 - + spacebar + Tab
  • 无序列表效果1
  • 无序列表效果2

• 有序列表：1. + spacebar

1. 有序列表效果
2. 有序列表效果

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

4.4 代码块

快捷键：Ctrl + ShifIt + K

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

	/**
	 * AccessDeniedException异常处理返回json 状态码:403
	 * 
	 * @param exception
	 * @return
	 */
	@ExceptionHandler({ AccessDeniedException.class })
	@ResponseStatus(HttpStatus.FORBIDDEN)
	public Map<String, Object> badMethodExpressException(AccessDeniedException exception) {
		Map<String, Object> data = new HashMap<>();
		data.put("code", HttpStatus.FORBIDDEN.value());
		data.put("msg", exception.getMessage());

		return data;
	}

4.5 数学表达式

语法：$ $ + Enter

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

4.6 表格

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

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

效果：

标题1	标题2
标题1	标题2

4.7 目录

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

效果请看top中的目录

4.8 代码标记

快捷键：Ctrl + Alt + `

语法：双`引起来。

效果：java

5、链接

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

5.1 超链接

快捷键：Ctrl + K

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

效果： 链接说明

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

效果：链接说明

5.2 图片

快捷键：Ctrl + ShifIt + L

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ItRP7fDt-1631953460739)(/path/to/img.jpg)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WaUP6DNO-1631953460744)(/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 方法：字母+^+数字+^

X²

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

H₂0

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

文字

6.8 脚注

• 脚注：[^1]
• 注释内容：[^1]:

效果：

脚注¹

七、支持的HTML元素

7.1 文本居中

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

效果：

这是要居中的内容

7.2 快捷键显示

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

效果：快捷键显示

7.3 加粗

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

效果：加粗

7.4 倾斜

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

效果： 倾斜

7.5 上下游

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

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

效果：^上游/_下游

---

1. www.xxx.com ↩︎