Typora入门：全网最全教程

Posted 2022-12-08 hider

目录

• 简介
• Markdown介绍
• 常用快捷键
• 块元素
  • 换行符
  • 标题级别
  • 引用文字
  • 无序列表
  • 有序列表
  • 任务列表
  • 代码块
  • 数学表达式
  • 插入表格
  • 脚注
  • 分割线
  • 目录（TOC）
• 跨度元素
  • 链接
  • 网址
  • 图片
  • 斜体
  • 加粗
  • 加粗斜体
  • 代码标记
  • 删除线
  • 下划线
  • 表情符号
  • 下标
  • 上标
  • 高亮
  • 文本居中
  • 转义
• HTML
  • 嵌入内容
  • 视频
• 总结

写Mrakdown费事？Typora让你像写Word一样行云流水，所见即所得。

简介

Typora是一款轻便简洁的Markdown编辑器，支持即时渲染技术，这也是与其他Markdown编辑器最显著的区别。即时渲染使得你写Markdown就想是写Word文档一样流畅自如，不像其他编辑器的有编辑栏和显示栏。

• Typora删除了预览窗口，以及所有其他不必要的干扰。取而代之的是实时预览。
• Markdown的语法因不同的解析器或编辑器而异，Typora使用的是GitHub Flavored Markdown。

Markdown介绍

Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。

Markdown 语言在 2004 由约翰·格鲁伯（英语：John Gruber）创建。

Markdown 编写的文档可以导出 html 、Word、图像、PDF、Epub 等多种格式的文档。

Markdown 编写的文档后缀为 .md, .markdown。

常用快捷键

• 加粗： Ctrl + B
• 标题： Ctrl + H
• 插入链接： Ctrl + K
• 插入代码： Ctrl + Shift + C -- 无法执行
• 行内代码： Ctrl + Shift + K
• 插入图片： Ctrl + Shift + I
• 无序列表：Ctrl + Shift + L -- 无法执行
• 撤销： Ctrl + Z
• 一级标题： Ctrl + 1 -- 以此类推

Typora快捷键整合
```
Ctrl+1  一阶标题    Ctrl+B  字体加粗
Ctrl+2  二阶标题    Ctrl+I  字体倾斜
Ctrl+3  三阶标题    Ctrl+U  下划线
Ctrl+4  四阶标题    Ctrl+Home   返回Typora顶部
Ctrl+5  五阶标题    Ctrl+End    返回Typora底部
Ctrl+6  六阶标题    Ctrl+T  创建表格
Ctrl+L  选中某句话   Ctrl+K  创建超链接
Ctrl+D  选中某个单词  Ctrl+F  搜索
Ctrl+E  选中相同格式的文字   Ctrl+H  搜索并替换
Alt+Shift+5 删除线 Ctrl+Shift+I    插入图片
Ctrl+Shift+M    公式块 Ctrl+Shift+Q    引用

注：一些实体符号需要在实体符号之前加”\\”才能够显示
```

块元素

换行符

在markdown中，段落由多个空格分隔。在Typora中，只需回车即可创建新段落。

标题级别

# 一级标题 快捷键为 Ctrl + 1
## 二级标题 快捷键为 Ctrl + 2
......
###### 六级标题 快捷键为 Ctrl + 6

引用文字

> + 空格 + 引用文字

无序列表

使用 * + - 都可以创建一个无序列表

• AAA
• BBB
• CCC

有序列表

使用 1. 2. 3. 创建有序列表

1. AAA
2. BBB
3. CCC

任务列表

? -[ ] 不勾选
? -[x] 勾选

代码块

在Typora中插入程序代码的方式有两种：使用反引号 `（~ 键）、使用缩进（Tab）。

• 插入行内代码，即插入一个单词或者一句代码的情况，使用 code 这样的形式插入。
• 插入多行代码输入3个反引号（`） + 回车，并在后面选择一个语言名称即可实现语法高亮。

def helloworld():
    print("hello, world!")

数学表达式

当你需要在编辑器中插入数学公式时，可以使用两个美元符 $$ 包裹 TeX 或 LaTeX 格式的数学公式来实现。根据需要加载 Mathjax 对数学公式进行渲染。

按下 $$，然后按下回车键，即可进行数学公式的编辑。

$$
\\mathbfV_1\\times\\mathbfV_2 = \\mathbfX_3
$$

插入表格

输入 | 表头1 | 表头2 |并回车。即可创建一个包含2列表。快捷键 Ctrl + T弹出对话框。

id	number

• 不管是哪种方式，第一行为表头，第二行为分割表头和主体部分，第三行开始每一行为一个表格行

• 列与列之间用管道符号| 隔开

• 还可设置对齐方式(表头与内容之间)，如果不使用对齐标记，内容默认左对齐，表头居中对齐

  • 左对齐 ：|
  • 右对齐 |：
  • 中对齐 ：|：

• 为了美观，可以使用空格对齐不同行的单元格，并在左右两侧都使用 | 来标记单元格边界

• 为了使 Markdown 更清晰，| 和 - 两侧需要至少有一个空格（最左侧和最右侧的 | 外就不需要了）。

脚注

这个例子的脚注为¹。

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

分割线

输入 *** 或者 --- 再按回车即可绘制一条水平线，如下：

---

目录（TOC）

输入 [ toc ] 然后回车，即可创建一个“目录”。TOC从文档中提取所有标题，其内容将自动更新。

Typora支持TOC自动生成目录，博客园不支持？

跨度元素

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

链接

内部链接

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

链接

链接

参考链接

这是一个[参考链接]id -- 无法执行

网址

Typora允许用<括号括起来>, 把URL作为链接插入。

Typora还会自动链接标准网址。

www.baidu.com

图片

![显示的文字](C:\\Users\\Hider\\Desktop\\echart.png "图片标题")

![显示的文字](C:\\Users\\Hider\\Desktop\\echart.png)

除了以上2种方式之外，还可以直接将图片拖拽进来，自动生成链接。

斜体

使用 *单个星号* 或者 _单下划线_ 可以字体倾斜。快捷键 Ctrl + I

斜体

加粗

使用 **两个星号** 或者 __两个下划线__ 可以字体加粗。快捷键 Ctrl + B

加粗

加粗斜体

使用***加粗斜体***可以加粗斜体。

加粗斜体

代码标记

标记代码使用反引号，即在英文输入法下，ESC键下面和1键左边的符号。

使用该 printf()功能

删除线

使用~~删除线~~ 快捷键 Alt + Shift + 5

删除线

下划线

\\下划线 -- 无法执行

参考另一篇文章，可执行。

通过<u>下划线的内容</u> 或者 快捷键Ctrl + U可实现下划线

下划线的内容

表情符号

Github的Markdown语法支持添加emoji表情，输入不同的符号码（两个冒号包围的字符）可以显示出不同的表情。

:smile -- 无法显示

??

下标

(需在设置中打开该功能)

H~2~O

上标

(需在设置中打开该功能)

X^2^

高亮

==高亮==(需在设置中打开该功能)

==我是最重要的==

文本居中

使用 <center>这是要居中的内容</center>可以使文本居中

这是要居中的文本内容

转义

Markdown 使用了很多特殊符号来表示特定的意义，如果需要显示特定的符号则需要使用转义字符，Markdown 使用反斜杠转义特殊字符：

文本加粗
** 正常显示星号 **

Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号：

\\   反斜线
`   反引号
*   星号
_   下划线
  花括号
[]  方括号
()  小括号
#   井字号
+   加号
-   减号
.   英文句点
!   感叹号

HTML

支持HTML

不在 Markdown 涵盖范围之内的标签，都可以直接在文档里面用 HTML 撰写。

目前支持的 HTML 元素有：<kbd> <b> <i> <em> <sup> <sub> <br>等 ，如：

使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
<kbd> </kbd> -- 白色框框

效果：
使用 Ctrl+Alt+Del 重启电脑

嵌入内容

视频

总结

1. 建议打开大纲视图Ctrl + Shift + 1
2. 插入表格需要顶格写，否则无法显示
3. 语法无须刻意记忆，右键可查询

参考链接1：Typora入门（中文版）

参考链接2：Typora

参考链接3：Markdown代码块与语法高亮

参考链接4：Markdown使用-表格及其居中等格式

参考链接5：Markdown语法小结

参考链接6：Runoob：Markdown教程

---

1. 这是脚注的实际内容。?