Typora实用技巧
一、块元素
1.1 标题
标题在行的开头使用1-6个＃字符，对应于标题级别1-6，当然也可使用ctrl+数字键进行分级。
# 这是一级标题
## 这是二级标题
###### 这是六级标题
1.2 引用文字
Markdown 使用电子邮件样式>字符进行块引用。它们表示为
>可以进行嵌套,例如:
今天是很美好的
明天会更加美好
后天是周末
> 这是一个有两段的块引用。这是第一段。
> 这是第二段。Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.
> 这是另一个只有一个段落的块引用。有三个空行分隔两个块引用。
1.3 列表
输入 * list item 1 将创建一个无序列表，该 * 符号可以替换为 + 或 -.例如
- 这是无序列表
- 这是无序列表
- 这是无序列表
输入 1. list item 1 将创建一个有序列表.例如:
- 这是有序列表
- 这是有序列表
- 这是有序列表
其 markdown 源代码如下：
按teb可以进行缩进
## 无序列表
* 红色
* 绿色
* 蓝色
## 有序列表
1. 红色
2. 绿色
3. 蓝色
1.4 任务列表
输入-空格[]回车即可生成任务列表，如下所示
任务列表是标记为[ ]或[x]（未完成或完成）的项目的列表。例如：
-
第一个任务
-
第二个任务
-
第三个任务
- [ ] 这是一个任务列表项
- [ ] 需要在前面使用列表的语法
- [ ] normal **formatting**, @mentions, #1234 refs
- [ ] 未完成
- [x] 完成
1.5 代码块
输入```字符，然后回车即可插入代码块
``
function test() {
console.log("notice the blank line before this function?");
}
```
语法高亮：
```ruby
require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html
```
1.6 表格
输入|第一列 | | 第二列|字符即可插入表格例如：
| 第一列 | 第二列 | |
|---|---|---|
| 第一行 | ||
| 第二行 | ||
| 第三行 |
1.7 水平线
输入—或者***将会生成一条水平线
1.8 目录 (TOC)
输入 [toc] 然后按 Return 键将创建一个“目录”部分，自动从文档内容中提取所有标题，其内容会自动更新。
二、Span 元素
2.1 链接
Typora允许您将 URL 作为链接插入，用 <括号括起来>。
<i@typora.io> 成为 i@typora.io.
Typora也将自动链接标准URL。例如： www.google.com.
2.2 图片
Typora支持直接拖动图片，你可以将图片直接拖动到文档中。
2.3 强调（斜体）
你可以使用* * 进行斜体，也可直接选中文字使用ctrl+I键进行倾斜。
2.4 加粗
你可以使用** ** 进行加粗，也可直接选中文字使用ctrl+B键进行加粗。
2.5 代码
要指示代码范围，请使用反引号（`）进行包裹。与预格式化的代码块不同，代码跨度表示正常段落中的代码。例如
使用printf()函数
2.6 删除线
通过语法创建删除线文本，使用~~字符包裹即可产生文本，例如
删除线
2.7 下划线
你可以选中文字，利用ctrl+U键生成下划线，例如
下划线
2.8 下标
要使用此功能，首先，请在 偏好设置 面板 -> Markdown扩展语法 选项卡中启用它。然后用 ~ 来包裹下标内容，例如： H~2~O, X~long\ text~/
H~2~O
2.9 上标
要使用此功能，首先，请在 偏好设置 面板 -> Markdown扩展语法 选项卡中启用它。然后用 ^ 来包裹上标内容，例如： X^2^。
x^2^
2.10 高亮
要使用此功能，首先，请在 偏好设置 面板 -> Markdown扩展语法 选项卡中启用它。然后用 == 来包裹高亮内容，例如： ==highlight==。
==highlight==
2.11 视频
Typora支持直接拖动视频，你可以将视频直接拖动到文档中
三、绘图
3.1 创建空白页面
输入``` 按回车键，在代码框中选择mermaid即可创建一个空白页面
3.2 流程图
语法解释：graph 关键字就是声明一张流程图，TD 表示的是方向，这里的含义是 Top-Down 由上至下。
graph TD;
A-->B;
A-->C;
B-->D;
3.3 时序图
语法解释：->> 代表实线箭头，-->> 则代表虚线
sequenceDiagram
Alice->>John: Hello John, how are you?
John-->>Alice: Great!
3.4 状态图
语法解释：[*] 表示开始或者结束，如果在箭头右边则表示结束。
stateDiagram
[*] --> s1
s1 --> [*]
3.5 类图
语法解释：<|-- 表示继承，+ 表示 public，- 表示 private，学过 Java 的应该都知道。
classDiagram
Animal <|-- Duck
Animal <|-- Fish
Animal <|-- Zebra
Animal : +int age
Animal : +String gender
Animal: +isMammal()
Animal: +mate()
class Duck{
+String beakColor
+swim()
+quack()
}
class Fish{
-int sizeInFeet
-canEat()
}
class Zebra{
+bool is_wild
+run()
}
3.6 甘特图
甘特图一般用来表示项目的计划排期，目前在工作中经常会用到。
语法也非常简单，从上到下依次是图片标题、日期格式、项目、项目细分的任务。
gantt
title 工作计划
dateFormat YYYY-MM-DD
section Section
A task :a1, 2020-01-01, 30d
Another task :after a1 , 20d
section Another
Task in sec :2020-01-12 , 12d
another task : 24d
3.7 饼图
饼图使用 pie 表示，标题下面分别是区域名称及其百分比。
pie
title Key elements in Product X
"Calcium" : 42.96
"Potassium" : 50.05
"Magnesium" : 10.01
"Iron" : 5
四、其他设置
4.1更换主题
typora官网https://theme.typora.io/中有各类主题,选择合适的进行下载,解压后将解压包中的css文件与相对应名称的文件夹,复制到typora中偏好设置所指引的主题文件夹中,重启typora即可.