抱歉，您的浏览器无法访问本站

本页面需要浏览器支持（启用）JavaScript


了解详情 >

MarkDown+Typroa学习笔记

汤晔飞

技术知识工具

发布于：2021年4月23日

次浏览

总结了MarkDown语法和Typroa使用的快捷键、使用技巧、设置项等。

☀1.MarkDown语法

☀1.1 标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

☀1.2 字体

**加粗**
*倾斜*
***加粗倾斜***
~~删除线~~小弯弯
<u>下划线</u>
==高亮== ？
我是^上标^ ？
我是~下标~ ?

☀1.3 列表

无序列表：+或-或 *

  • 一二三四五 按回车自动续。
    • 上山打老五第一行的+删除后，两个空格加上+ ，到下一级列表
      • 老虎没打到
        • 打到小松鼠双回车，跳出当前列表

有序列表：1+.+空格

​ 按住shift+回车 不会自动跳到2的列号上，就是换行还属于1序号的内容。如果只按回车就会跳到下一个序列。==列表中内容换行尽量用Shift+回车表明不需要跳到下一个序列。==

  1. 一问三四五
  2. 上山打老五
  3. 老虎没打到0
  4. 打到小松鼠

任务列表：

  • [x] xxx
  • [ ] d
  • [ ] dd

☀1.4 表格

MONTUEWEDTNUFRI
上山上山上山上山上山
打老虎打老虎打老虎打老虎打老虎

切换出源代码模式比较方便，只需要打一个表格头按回车就可以弹出表格。
调整行列，每一列的居中，左对齐、右对齐都比较方便。
通过代码对齐：
左对齐|:------|

右对齐|-------:|

居中对齐|:-------:|

快捷键CTRL+T

☀1.5 引用

一二三四五

上山打老虎

老虎没打到

打到小松鼠

>+空格出现引用

>>>....多个>给引用分级。

一帮用于别人的文档内容或者名句。

☀1.6 分割线

连着打连字符-------或者星号*********哈哈。

☀1.7 代码

单行代码两个小斜斜 英文状态下的`，被称为小斜斜。

HelloWorld

一般操作就是先打一个`,将内容输入完毕后，再输入一个小斜斜作为结尾。

多行代码，三个小斜斜为一组，上下两组将多行代码夹住。

1
2
3
public static void main(String args){
     System.out.println("HelloWorld");
}

非源代码模式下，快捷方法为，输入三个小斜斜后==再输入代码名称==，回车直接弹出代码框，上下切换输入内容框和语言。太帅了。

==```java==

☀1.8 反转义

使用 \ 可使 Markdown 解析时不会去解析本该属于语法部分的一些符号。

例：

1
\`代码块\`

效果：

`代码块`

☀1.9 符号表情

:smile:英文冒号+表情英文+英文冒号

😄

☀1.10 跳转

☀1.10.1 外部跳转–超链接

[连接名称](连接地址)

百度

如果要打开连接，Typroa中按住Ctrl+鼠标左键。

☀1.10.2 内部跳转–本文件内跳转

[跳转名称](#+标题名)

Typroa使用

同样按住Ctrl+鼠标左键跳转到指定标题位置。

☀1.10.3 自动连接–不带名称的地址

URL或者邮箱地址都行。外部跳转和自动连接视使用情况而定。

<www.baidu.com>

<www.baidu.com>

5848560254@qq.com

☀1.11 图片

![自己起的图片名字](图片地址或者本地图片地址)

☀1.11.1 外部图片

![酷乐猫](https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601649589932&di=a62749b9058429787e9d2dc84c860c3e&imgtype=0&src=http%3A%2F%2Fimgwx5.2345.com%2Fdianyingimg%2Fdongman%2Fimg%2F9%2F1%2Fsup3704_223x310.jpg)

效果展示：

酷乐猫

糖糖午睡

☀1.11.2 本地图片

本地图片，如果md文件和实际图片位置离得很近，直接使用相对路径。离得远就直接拷贝。

![糖糖午睡](午睡.jpg)

效果展示：

糖糖午睡

☀1.12 流程图

Mermaid是一个用于画==流程图、状态图、时序图、甘特图==的库。使用JS进行本地渲染，广泛集成于许多MarkDown编辑器中，Mermaid作为一个使用js渲染的库，生成的不是一个图片，而是一段HTML代码。

MarkDown画图是一个轻量级的，功能并不全。

☀1.12.1 流程图(Graph)

☀1.12.1.1概述
1
2
graph 方向描述
	图标中的语句

关键词graph表示一个流程图的开始，同时需要指定该图的方向。

其中“方向描述”为：

用词含义
TB从上到下
BT从下到上
RL从右到左
LR从左到右

T=TOP，B=BOTTOM，L=LEFT，R=RIGHT，D=DOWN

最常用的布局方向是TB、LR。

1
2
3
4
graph TB;
	A-->B
	B-->C
	C-->A
1
2
3
4
graph TB;
	A-->B
	B-->C
	C-->A
1
2
3
4
graph LR
A-->B
B-->C
C-->A
1
2
3
4
graph LR
A-->B
B-->C
C-->A
☀1.12.1.2 节点形状

流程图在代码中，可以提现程序的执行过程。

表述说明含义
id[文本]矩形节点表示过程，也就是流程中的一个执行环节。可以理解为调用某个方法。
id(文字)圆角矩形节点表示开始和结束(start和end)
id((文字))圆形节点表示连接，为了避免流程过长或者有交叉，可以将流程切开。成对。
id{文字}菱形节点表示判断、决策(if语句)
id>文字]右项旗帜状节点

**单向箭头线段：**表示流程进行方向。

id即为节点的唯一标识，A-F是当前节点的名字，类似于变量名，画图时便于引用。

括号内是节点中要显示的文字，如果名字后不带符号，默认为矩形节点。

1
2
3
4
5
6
7
graph TB
A
B[矩形节点]
C(圆角矩形节点)
D((圆形节点))
E{菱形节点}
F>右项旗帜状节点]
1
2
3
4
5
6
7
graph TB
A
B[矩形节点]
C(圆角矩形节点)
D((圆形节点))
E{菱形节点}
F>右项旗帜状节点]
1
2
3
4
5
graph TB
begin(出门)-->buy[买炸鸡]
buy-->isAvilable{还有没有炸鸡?}
isAvilable-->|有|happy[买完炸鸡开心]-->goBack(回家)
isAvilable--没有-->sad[伤心]-->goBack(回家)

**注意：**文本中使用中文符号？会导致程序有问题，用英文。==还有没有炸鸡?==

1
2
3
4
5
6
graph TB
begin(出门)-->buy[买炸鸡]
buy-->isAvilable{还有没有炸鸡?}
isAvilable-->|有|happy[买完炸鸡开心]-->goBack(回家)
isAvilable--请等待-->happy[买完炸鸡开心]-->goBack(回家)
isAvilable--没有-->sad[伤心]-->goBack(回家)
☀1.12.1.3 连线
1
2
3
4
5
6
7
8
9
10
11
12
13
graph TB;
A1-->B1
A2---B2
A3--text---B3
A4--text-->B4
A5-.-B5
A6-.->B6
A7-.text.-B7
A8-.text.->B8
A9===B9
A10==>B10
A11==text===B11
A12==text==>B12
1
2
3
4
5
6
7
8
9
10
11
12
13
graph TB;
A1-->B1
A2---B2
A3--text---B3
A4--text-->B4
A5-.-B5
A6-.->B6
A7-.text.-B7
A8-.text.->B8
A9===B9
A10==>B10
A11==text===B11
A12==text==>B12
☀1.12.1.4 子图表

使用一下语法添加子图表

1
2
3
subgraph	子图表名称
	子图表中的描述语句
end

==理解为用颜色区别分装出一个模块==

1
2
3
4
5
6
7
graph TB
	subgraph	买炸鸡前
	goOut(出门)-.->taxi[打车到炸鸡店]==>buy[买炸鸡]
	buy--询问-->hasChicken{有没有炸鸡啊}
	end
	hasChicken--有-->happy[买到炸鸡开心]-->goBack(回家)
	hasChicken-->|没有了|sad[没买到不开心]-->goBack(回家)
1
2
3
4
5
6
7
graph TB
	subgraph	买炸鸡前
	goOut(出门)-.->taxi[打车到炸鸡店]==>buy[买炸鸡]
	buy--询问-->hasChicken{有没有炸鸡啊}
	end
	hasChicken--有-->happy[买到炸鸡开心]-->goBack(回家)
	hasChicken-->|没有了|sad[没买到不开心]-->goBack(回家)

☀1.12.2 时序图(sequence diagram)

1
2
3
sequenceDiagram
	[参与者1][消息线][参与者2]:消息体
	....

sequenceDiagram为每副时序图的固定开头。

1
2
3
4
sequenceDiagram
	Title:买炸鸡
	小汤->>炸鸡店老板:还有炸鸡吗
	炸鸡店老板-->>小汤:没有要现炸
1
2
3
4
sequenceDiagram
	Title:买炸鸡
	小汤->>炸鸡店老板:还有炸鸡吗
	炸鸡店老板-->>小汤:没有要现炸
☀1.12.2.1 参与者(participant)

传统时序图概念中参与者有角色和类对象之分，但这里我们不做区分，用参与者表示一切参与交互的事务，可以是人、类对象、系统等形式。中间竖直的线段从上至下表示时间的流逝。

1
2
3
4
5
6
sequenceDiagram
	participant	参与者 1
	partucipant 参与者 2
	...
	participant 简称 as 参与者3			(简称是用于代码中的)

participant <参与者名称> 声明参与者，语句次序即为参与者横向排列次序。

☀1.12.2.2 消息线
类型描述
->无箭头的实线
–>无箭头的虚线
->>有箭头的实线（主动发出消息）
–>>有箭头的虚线（响应）
-x末端为叉的实线（表示异步）
–x末端为叉的虚线（表示异步）

记忆:

	1. -实现  --虚线
	2. `>`无箭头   `>>`有剪头
	3. x为异步代替箭头
☀1.12.2.3 处理中-激活框

从消息接收方的时间线上标记一小段时间，表示对消息进行处理的时间间隔。说明处理就在处理这个事务，无法异步处理其他请求。

在消息线末尾增加 + ，则消息接收者进入当前消息的“处理中”状态；
在消息线末尾增加 - ，则消息接收者离开当前消息的“处理中”状态。

1
2
3
4
5
6
7
sequenceDiagram
	participant t as 小汤
	participant s as 炸鸡店老板
	t->>s:还有炸鸡吗?
	s-->>t:没有了要现炸。
	t-x+s:炸两个。
	s--x-t:炸好了。
1
2
3
4
5
6
7
sequenceDiagram
	participant t as 小汤
	participant s as 炸鸡店老板
	t->>s:还有炸鸡吗?
	s-->>t:没有了要现炸。
	t-x+s:炸两个。
	s--x-t:炸好了。
☀1.12.2.4 注解（note）

语法如下

1
Note 位置表述 参与者: 标注文字

其中位置表述可以为

表述含义
right of右侧
left of左侧
over在当中，可以横跨多个参与者
1
2
3
4
5
6
7
8
9
10
sequenceDiagram
    participant 99 as 救救
    participant seller as 炸鸡店小哥
    Note over 99,seller : 热爱炸鸡
    Note left of 99 : 女
    Note right of seller : 男
    99 ->> seller: 还有炸鸡吗？
    seller -->> 99: 没有，要现炸。
    99 -x +seller : 给我炸！
    seller -->> -99: 您的炸鸡好了！
1
2
3
4
5
6
7
8
9
10
sequenceDiagram
	participant t as 小汤
	participant s as 炸鸡店老板
	Note left of t:喜欢看书、魔兽。
	Note right of s:炸鸡最拿手。
	Note over t,s :都是男的。
	t->>s:还有炸鸡吗?
	s-->>t:没有了要现炸。
	t-x+s:炸两个。
	s--x-t:炸好了。
☀1.12.2.5 循环（loop）

在条件满足时，重复发出消息序列。（相当于编程语言中的 while 语句。）

1
2
3
4
5
6
7
8
9
10
11
12
sequenceDiagram
    participant 99 as 救救
    participant seller as 炸鸡店小哥

    99 ->> seller: 还有炸鸡吗？
    seller -->> 99: 没有，要现炸。
    99 ->> +seller:给我炸！
    loop 三分钟一次
        99 ->> seller : 我的炸鸡好了吗？
        seller -->> 99 : 正在炸
    end
    seller -->> -99: 您的炸鸡好了！
1
2
3
4
5
6
7
8
9
10
11
12
13
14
sequenceDiagram
	participant t as 小汤
	participant s as 炸鸡店老板
	Note left of t:喜欢看书、魔兽。
	Note right of s:炸鸡最拿手。
	Note over t,s :都是男的。
	t->>s:还有炸鸡吗?
	s-->>t:没有了要现炸。
	t-x+s:炸两个。
	loop 五分钟一次
		t ->> s:我的炸鸡好了吗？
		s -->> t:还没好。
	end
	s--x-t:炸好了。
☀1.12.2.6 选择（alt）

在多个条件中作出判断，每个条件将对应不同的消息序列。（相当于 if 及 else if 语句。）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
sequenceDiagram    
    participant 99 as 救救
    participant seller as 炸鸡店小哥
    99 ->> seller : 现在就多少只炸好的炸鸡？
    seller -->> 99 : 可卖的炸鸡数

    alt 可卖的炸鸡数 > 3
        99 ->> seller : 买三只！
    else 1 < 可卖的炸鸡数 < 3
        99 ->> seller : 有多少买多少
    else 可卖的炸鸡数 < 1
        99 ->> seller : 那我明天再来
    end

    seller -->> 99 : 欢迎下次光临

==注意：==选择语法最后也要补上end

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
sequenceDiagram
	Title: 小汤买炸鸡
	participant t as 小汤
	participant s as 炸鸡店老板
	Note left of t:喜欢看书、魔兽。
	Note right of s:炸鸡最拿手。
	Note over t,s :都是男的。
	t ->> s:还有炸鸡吗?
	s -->> t:有的。
	t ->> s:有多少只?
	s -->> t:可卖的炸鸡数。
	alt 可卖的炸鸡数 > 3
		t ->> s:买三只
	else 1 < 可卖的炸鸡数 < 3
		t ->> s:全要了
	else 可卖的炸鸡数 < 1
		t ->> s:明天买
	end
☀1.12.2.7 可选（opt）

在某条件满足时执行消息序列，否则不执行。相当于单个分支的 if 语句。

1
2
3
4
5
6
7
sequenceDiagram
    participant 99 as 救救
    participant seller as 炸鸡店小哥
    99 ->> seller : 买炸鸡
    opt 全都卖完了
        seller -->> 99 : 下次再来
    end
1
2
3
4
5
6
7
8
9
10
11
sequenceDiagram
	Title: 小汤买炸鸡
	participant t as 小汤
	participant s as 炸鸡店老板
	Note left of t:喜欢看书、魔兽。
	Note right of s:炸鸡最拿手。
	Note over t,s :都是男的。
	t ->> s:还有炸鸡吗。
    opt 炸鸡都卖完了
    	s -->> t:没有了，下次再来。
    end
☀1.12.2.8 并行（Par）

将消息序列分成多个片段，这些片段并行执行。

**==理解:==**并行就是同时一起开始执行。区别于异步，异步可能不一起开始执行。并行和异步可能都都在执行中。

1
2
3
4
5
6
7
8
9
10
11
12
13
sequenceDiagram
   participant 99 as 救救
   participant seller as 炸鸡店小哥

    99 ->> seller : 一个炸鸡，一杯可乐！

    par 并行执行
        seller ->> seller : 装可乐
    and
        seller ->> seller : 炸炸鸡
    end

    seller -->> 99 : 您的炸鸡好了！
1
2
3
4
5
6
7
8
9
10
11
12
13
14
sequenceDiagram
	Title: 小汤买炸鸡
	participant t as 小汤
	participant s as 炸鸡店老板
	Note left of t:喜欢看书、魔兽。
	Note right of s:炸鸡最拿手。
	Note over t,s :都是男的。
	t ->> s:来一份炸鸡。
	par 并行执行
		s ->> s:装可乐。
	and
		s ->> s:炸炸鸡。
	end
	s -->> t:您的炸鸡好了！

☀1.12.3 饼图（Pie）

1
2
3
4
5
pie
    title Pie Chart
    "Dogs" : 386
    "Cats" : 85
    "Rats" : 150
1
2
3
4
5
pie
	title Pie Chart
	"Dogs" : 100
	"Cats" : 200
	"Tortoise" : 300

Typora支持mermaid的官方链接

☀1.12.4 甘特图（gantt）

1
2
3
4
5
6
7
8
9
10
 title 标题
dateFormat 日期格式
section 部分名
任务名:参数一, 参数二, 参数三, 参数四，参数五

 //参数一：crit（是否重要，红框框） 或者 不填
 //参数二：done（已完成）、active（正在进行） 或者 不填(表示为待完成状态)
 //参数三：取小名 或者 不填
 //参数四：任务开始时间
 //参数五：任务结束时间

官方教程

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
gantt
       dateFormat  YYYY-MM-DD
       title Adding GANTT diagram functionality to mermaid

       section A section
       Completed task            :done,    des1, 2014-01-06,2014-01-08
       Active task               :active,  des2, 2014-01-09, 3d
       Future task               :         des3, after des2, 5d
       Future task2              :         des4, after des3, 5d

       section Critical tasks
       Completed task in the critical line :crit, done, 2014-01-06,24h
       Implement parser and jison          :crit, done, after des1, 2d
       Create tests for parser             :crit, active, 3d
       Future task in critical line        :crit, 5d
       Create tests for renderer           :2d
       Add to mermaid                      :1d

       section Documentation
       Describe gantt syntax               :active, a1, after des1, 3d
       Add gantt diagram to demo page      :after a1  , 20h
       Add another diagram to demo page    :doc1, after a1  , 48h

       section Last section
       Describe gantt syntax               :after doc1, 3d
       Add gantt diagram to demo page      :20h
       Add another diagram to demo page    :48h
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
gantt
       dateFormat  YYYY-MM-DD
       title Adding GANTT diagram functionality to mermaid

       section A section
       Completed task            :done,    des1, 2014-01-06,2014-01-08
       Active task               :active,  des2, 2014-01-09, 3d
       Future task               :         des3, after des2, 5d
       Future task2              :         des4, after des3, 5d

       section Critical tasks
       Completed task in the critical line :crit, done, 2014-01-06,24h
       Implement parser and jison          :crit, done, after des1, 2d
       Create tests for parser             :crit, active, 3d
       Future task in critical line        :crit, 5d
       Create tests for renderer           :2d
       Add to mermaid                      :1d

       section Documentation
       Describe gantt syntax               :active, a1, after des1, 3d
       Add gantt diagram to demo page      :after a1  , 20h
       Add another diagram to demo page    :doc1, after a1  , 48h

       section Last section
       Describe gantt syntax               :after doc1, 3d
       Add gantt diagram to demo page      :20h
       Add another diagram to demo page    :48h

☀1.13 目录

[TOC]

☀1.14 设置文档的根路径

在YAML Front Matters 中使用属性’typora-root-url’

1
2
3
---
typora-root-url: im
---

  • 文档本身是没有根路径的。一旦设定了，就可以像项目的根路径一样使用。

  • 绝对路径个人理解为，有两种，一种是全路径的绝对路径，另一种是带根路径的绝对路径。

此根路径的设定一定要是本机地址，可以用文档的相对路径，也可以是全路径的绝对路径。
引入本地图片时写的./相对路径，/根路径的绝对路径都以此根路径为基准。

☀1.15 设置YAML Front Matters

在文本的最上方写入

1
2
3
---
内容
---

快捷输入法：

---+回车

☀1.16 嵌入html（不同平台的支持程度不同，Typroa支持！）

常用嵌入：

☀1.16.1 嵌入span字体

你可以使用HTML来设置纯Markdown不支持的内容样式。
例如：使用<span style="color:red">this text is red</span>添加红色文本

this text is red

☀1.16.2 嵌入iframe窗体内容

例如：bilibili中的视频iframe可以直接复制引入：

image-20201125194321872

​ 直接嵌入的话，视频窗口太小，我们加入 height="500"，让窗口变大一些。

☀1.16.3 嵌入视频video标签

​ <video src="UP主战争xx1.mp4" />

☀1.17 跟踪任务

​ 语法：

​ - [x] taskname x 表示任务完成。

​ - [ ] taskname 空格表示任务未完成

1
2
- [x] 洗苹果
- [ ] 吃苹果
  • [x] 洗苹果
  • [ ] 吃苹果

☀1.18 换行

段落内换行，直接紧贴编辑下一行即可。

段落之间换行，直接空一行写即可。

☀2.Typora使用

☀2.1 设置项

  1. 偏好设置——>严格模式
    默认严格模式下所输入的语法一定要标准，才会识别，#+空格才是标题。
    取消严格模式，#+内容就会识别出标题。

  2. 偏好设置——>MarkDown扩展语法，上标、下标、高亮、图表，这些够了之后，输入的语法才会被识别生效。

  3. 偏好设置——>外观——>状态栏，右边统计字数，左边源代码模式和侧边栏切换按钮，此栏的开启和关闭。

  4. 偏好设置——>图像
    image-20201108153144137

    ​ 优先使用相对路径：当引入的图片与md文件在同一盘服下，md会使用相对路径引入该图片。

    ​ 插入时自动转义图片URL：会将图片路径中带有中文名转义

☀2.2 快捷键

  1. 新建文本
    Ctrl+N
    Ctrl+Shift+N 会新建一个窗口

  2. 打开一个本地文件

    Ctrl+O

  3. 快速打开最近编辑文件
    Ctrl+P 弹出一个列表展示最近编辑的文件

  4. 保存
    Ctrl+S

  5. 另存为
    Ctrl+Shift+S

  6. 关闭

    Ctrl+W

  7. 选择当前行/句
    Ctrl+L

  8. 选择当前词
    Ctrl+D 选择的就是当前格式包裹的内容,在选择一小段方面真的比较好用。

  9. 选择当前词和格式
    Ctrl+E 选择的就是当前格式包裹的内容和当前格式

  10. 选中后，在开始坐标的基础上调整选择内容
    Shift+上、下、左、右、HOME、END、PageUp、PageDown、Ctrl+HMOE、CTRL+END
    上、下调整上下行的。
    左、右调整当前行每个字符。
    HOME、END调整到当前行的开始和结尾。
    PageUp、PageDown跨页调整。

Ctrl+HMOE跨首页调整。
CTRL+END跨尾页调整。

  1. 跳转到文首
    Ctrl+首页(HOME)

  2. 跳转到所选内容
    Ctrl+J

  3. 跳转到文末
    Ctrl+结束(END)

  4. 跳转到一行的开头

    HOME

  5. 跳转到一行的结尾
    END

  6. 上下翻页
    PageUP、PageDown

  7. 删除当前的词
    Ctrl+Shift+D 删除的就是当前格式包裹的内容。

  8. 查找
    Ctrl+F

  9. 查找下一个
    F3

  10. 查找上一个
    shift+F3

  11. 替换
    Ctrl+H

  12. 标题

    Ctrl+1~6

  13. 改变标题级别或者文本字体大小

    Ctrl+=、Ctrl+-

  14. 表格
    Ctrl+T
    Ctrl+回车下方插入行
    Alt+向上箭头向上移动行
    Alt+向下箭头向下移动行
    Alt+向左箭头向左移动列
    Alt+向右箭头向右移动列
    Alt+Shift+back删除行

  15. 代码块
    Ctrl+Shift+K
    注意：按下去的时候，Ctrl+Shift先放手。
    习惯操作直接打三个```后，输入代码块的语言类型，回车即可生成，也很快速。

  16. 公式块

    Ctrl+Shift+M

  17. 引用

    Ctrl+Shift+Q

  18. 有序列表

    Ctrl+Shift+[

  19. 无序列表

    Ctrl+SHift+]

  20. 任务列表

    Alt+P选中下拉项

    - [x] taskname

  21. 调整列表缩进(对于多级列表而言调整级数)
    Ctrl+[向外减少

    Ctrl+]向里增加

  22. 加粗

    Ctrl+B

  23. 斜体

    Ctrl+I

  24. 下划线

    Ctrl+U

  25. 代码行

    `Ctrl+shift+``

  26. 删除线
    Alt+Shift+5

  27. 超链接
    Ctrl+K

  28. 插入图像
    Ctrl+Shift+I

  29. 清除样式
    Ctrl+\

  30. 显示和隐藏侧边栏
    Ctrl+Shift+L

  31. 标题大纲
    Ctrl+Shift+1

  32. 当前文件夹的文档列表(包含一些内容)
    Ctrl+Shift+2

  33. 文件树(只有文件名，显示比较全的文件)
    Ctrl+Shift+3

  34. 查找文件
    Ctrl+Shift+F

  35. 切换源代码模式
    Ctrl+/

  36. 专注模式
    F8
    ==除了当前格式个内容，其他都淡化。太专注了。==

  37. 打字机模式
    F9
    ==永远将行停留在中间，厉害了。！==

  38. 全屏
    F11

  39. 放大显示比例
    Ctrl+Shift+=

  40. 缩小显示比例
    Ctrl+Shift+-

  41. 恢复原显示比例
    Ctrl+Shift+9

  42. 多个Typroa窗口切换
    Ctrl+Tab

  43. 开发者工具(查看Html源代码)
    Shift+F12

  44. 换行
    段落中换行 shift+回车
    段落外换行 回车

  45. 代码块自动缩进
    Shift+Tab

☀2.3 小技巧

  1. 在对应的格式上重新输入格式快捷键，可以取消该格式。

  2. 图片保存到本地
    按住Ctrl+V 就可以弹出复制文件到本地的选项。

    或者设置插入图片时的操作。复制到安排好的文件夹中，进行统一管理。

  3. 表格中换行shift+回车，表格中从当前单元格跳到下一列对应的格回车

博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议

本文永久链接是：http://aner1001.gitee.io/posts/2021/04/23/80d2e7f0afbd/

更新于：2021年4月23日

MarkDown

Typroa

评论