快捷键

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    引用

插入代码： Ctrl/Cmd + Shift + C
行内代码： Ctrl/Cmd + Shift + K
插入图片： Ctrl/Cmd + Shift + I
无序列表： Ctrl/Cmd + Shift + L

一、标题语法

请在单词或短语前面添加井号 (#) 。# 的数量代表了标题的级别。

（注意，#号与文字中间需要输入一个空格）

不同的 Markdown 应用程序处理 # 和标题之间的空格方式并不一致。为了兼容考虑，请用一个空格在 # 和标题之间进行分隔。

快捷键 Ctrl + 数字键 可以设置标题级别

二、段/行语法

1.换行

Typora 直接换行回车，实现换行；

但是在有的地方，想要换行必须得在一行字后面输入两个空格才行。

在编辑的时候有多少个空行(只有回车或者空格就算空行)，在渲染之后，只隔着一行。

2.分割线

请在单独一行上使用三个或多个星号 (***)、破折号 (---) 或下划线 (___)

为了显示最好的效果，在分割线前后各空一行

3.对齐方式

<center>行中心对齐</center>
<p align="left">行左对齐</p>
<p align="right">行右对齐</p>

显示效果如下

行中心对齐

行左对齐

行右对齐

4.脚注

在需要插入脚注的地方，加上[^1]即可

你可以创建一个脚注，像这样[^1]. 按住Crtrl + 鼠标左键点击即可实现跳转

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

三、字体语法

1.粗体

请在单词或短语的前后各添加两个星号或下划线。

如需加粗一个单词或短语的中间部分用以表示强调的话，请在要加粗部分的两侧各添加两个星号

例如

1.使用**号加粗 我是前后两个星号加粗的

2.使用两个__加粗 我是前后两个下划线加粗的

2.斜体

在单词或短语前后添加 1 个星号或下划线。(推荐使用*号)

单词的中间部分，请在字母前后各添加一个星号，中间不要带空格。

*号适用于文字与字母的斜体

下划线_不能用于英文字母的中间显示,会失效的

例如

1.使用*号斜体 这是用星号进行斜体显示dasdasasdaasdsa

2.下划线_ 这是使用下划线斜体显示asdasdasdasdad

3.英文字母串中间部分只能用*号进行斜体显示，下划线会失败

aasdasdasda

aasd_asdasda_

3.粗体+斜体

请在要突出显示的部分前后各添加三个星号，中间不要带空格。

例如

使用**对字体加粗粗体

斜体

这是粗体与斜体

4.删除线

在你需要操作的字符先后各加两个~~

~~例如我在这串文字前后各加两个小弯弯~~

5.下划线

在你需要操作的字符串前后加标签 <u> </u>

例如我在前后加<u> </u>两可以添加下划线


$\underline{\text{下划线}}$ $\overline{上划线}$

$\widehat{顶上的宽帽子}$ $\hat{顶上的小帽子}$ $\widetilde{顶上显示波浪线}$ $\dot{顶上加点}$
$\ddot{顶上显示加两点} $

6.背景高亮

使用==再文本前后，即可实现高亮

==我是高亮文本==

7.上标与下标

(1)下标

1	H<sub>2</sub>O

H₂O

(2)上标

1	X<sup>2</sup>

X²

8.字体大小

size：规定文本的尺寸大小，取值范围为1~7 ，默认值是 3。

最大为7号，超过7与7是一样的效果

<font size=1>字体大小size=1</font>
<font size=2>字体大小size=2</font>
<font size=3>字体大小size=3</font>
<font size=4>字体大小size=4</font>
<font size=5>字体大小size=5</font>
<font size=6>字体大小size=6</font>
<font size=7>字体大小size=7</font>

字体大小size=1
字体大小size=2
字体大小size=3
字体大小size=4
字体大小size=5
字体大小size=6
字体大小size=7

9.改变字体颜色

1、英文字母

<font color=red>红色</font>
<font color="blue">蓝色</font>
<font color=Yellow>黄色</font>
<font color=YellowGreen>黄绿色</font>

红色
蓝色
黄色
黄绿色

2、十六进制颜色值

1
2
3

<font color=#ff0000>红色</font>
<font color=#00ff00>绿色</font>
<font color=#0000ff>蓝色</font>

红色
绿色
蓝色

四、列表语法

1.有序列表

使用数字紧接 英文小数点 再加空格

快捷键：Ctrl + Shift + [

例如

第一项
1. 按下Tab键可以实现列表嵌套
2. 子列表的第二项
第二项

2.无序列表

列表内容前可使用 * 或 - 或 + + 空格来表示无序列表

快捷键：Ctrl + Shift + ]

这是用*显示的无序列表

3.任务列表

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

一个减号，空格，方括号(括号中间需要输入空格或x)，空格，任务文字

任务文字代码- [ ] 任务文字
任务一未做任务
任务二已做任务

五、数学表达式

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

LaTeX公式语法^2

按下 $$，然后按下回车键，即可进行数学公式的编辑。
$$
\mathbf{V}_1\times\mathbf{V}_2 = \mathbf{X}_3
$$

1
2
3

$$
\mathbf{V}_1\times\mathbf{V}_2 = \mathbf{X}_3
$$

六、块语法

1.区块引用

使用 > + 空格 来表示区块引用

当需要换行时，可以在前方不加 > 需要新板块可以空出一行

例如

第一项这是我的引用文本

第二项 xxxxx

嵌入列表我在引用中再输入> + 空格可以实现多层引用

[!Warning]

Test

[Warning]

这里也是警告，但是没有用感叹号。

彩色提示块

[!NOTE]
这是注意区块

1 2	> [!NOTE] > 这是注意区块

[!TIP]
这是提示区块

1
2
3

> [!TIP]
>这是提示区块

[!IMPORTANT]
这是强调区块

1 2	> [!IMPORTANT] > 这是强调区块

[!WARNING]
这是警告区块

1 2	> [!WARNING] > 这是警告区块

[!CAUTION]
这是小心区块

1 2	> [!CAUTION] > 这是小心区块

2.表格插入

快捷键Ctrl + T即可弹出创建表格的对话框

使用下面的代码也可以

1
2
3

| 表头1 | 表头2 | 表头3|
|  |  |

快捷键	作用	备注
Enter	换到下一行
Shift + Enter	表格内换行
Ctrl + Shift + Backspace	删除改行
Alt + 方向键	向上/下移动该行
Ctrl + Enter	添加一行

2.1 如何自定义修改Typora表格宽度

预留宽度，用于打印后填写

一个比较简单粗暴的方法自然是加一段空格符

表头1	表头2

一个更加优雅的方法则是使用空的标签。例如<img width=200/>

长文本需要指定列宽，控制换行

可以使用 <div style="width:长度">单元格文本</div> 的形式，

长度单位可以是 pt , px, cm等。

表头1	表头2
``我使用了300pt的长度 `

3.图片引用

![图片说明](图片地址 ''图片title'')

图片说明 ：就是显示在图片下面的文字，相当于对图片内容的解释。
图片title ：是图片的标题，当鼠标移到图片上时显示的内容。title可加可不加

或者
<img src="https://im.gurl.eu.org/file/1fa8315a5ce9bc78fac63.png"  style="zoom:50%;" />

例如

图片说明

4.代码块

(1).单行代码

使用 反引号 再文本前后各加一个即可例如：

我的前后各有一个反引号（键盘上左上角 ~ 键，需在英文状态输入）

(2).多行代码段

使用 ```` 三个 反引号` 按下回车即可激活代码块

例如：

1 2	我按下三个反引号后，按下回车即可激活非常人性

5.流程图

st=>start: 闹钟响起
op=>operation: 与床板分离
cond=>condition: 分离成功?
e=>end: 快乐的一天

st->op->cond
cond(yes)->e
cond(no)->op

6.链接引用超链接

语法

1
2
3

[超链接名](超链接地址 "超链接title")
title可加可不加（title是鼠标移到该链接文本时显示的名称）

例如：

超链接名：百度搜索，地址 www.baidu.com ,鼠标移到百度搜索这个文本上时，显示百度搜索的官网

百度搜索

我是无title的超链接

7.视频引用

这里有两种方法，第一种是使用video标签，第二种是使用iframe标签。

video标签语法如下

1	<video src="xxxxxx.mp4" width="100%" height="100%" poster="xxxxxx.jpg" controls="controls"></video>

src是视频的地址；poster是可以设置视频的封面（可选）

下面是使用iframe标签，这里一般是各大视频网站直接提供的，自己去他们的网站找到复制粘贴即可。

引用Bilibili的视频代码如下

官方给的嵌入代码（只需要在网页版的分享按钮里有嵌入代码）
<iframe src="//player.bilibili.com/player.html?aid=754099091&bvid=BV1mk4y1m7nr&cid=220770745&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

修改后的代码
<iframe src="//player.bilibili.com/player.html?aid=754099091&bvid=BV1mk4y1m7nr&cid=220770745&page=1&high_quality=1&danmaku=0" allowfullscreen="allowfullscreen" width="100%" height="500" scrolling="no" frameborder="0" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"></iframe>

如下是一个实例：


BILIBILI 地址PC端参数
    &high_quality=1   (1=最高画质 0=最低画质)
    &danmaku=0   (1=打开弹幕 0=关闭弹幕)
iframe 参数
    allowfullscreen="allowfullscreen" #移动端全屏
    sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts" #禁止弹出网页
     autoplay=0     取消自动播放
frameborder 规定是否显示框架周围的边框。好像修改了没啥用？

属性	值	描述
align	left right top middle bottom	不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。

frameborder	10	规定是否显示框架周围的边框。
height	pixels%	规定 iframe 的高度。
longdesc	URL	规定一个页面，该页面包含了有关iframe 的较长描述。

marginheight	pixels	定义 iframe的顶部和底部的边距。

marginwidth	pixels	定义 iframe的左侧和右侧的边距。

name	frame_name	规定 iframe 的名称。
sandbox	“”allow-formsallow-same-originallow-scriptsallow-top-navigation	启用一系列对 <_iframe> 中内容的额外限制。
scrolling	yesnoauto	规定是否在 iframe中显示滚动条。

seamless	seamless	规定 <_iframe> 看上去像是包含文档的一部分。
src	URL	规定在 iframe中显示的文档的 URL。

srcdoc	HTML_code	规定在 <_iframe> 中显示的页面的 HTML 内容。
width	pixels%	定义 iframe 的宽度。

8.折叠语法

折叠文本

此处可书写文本嗯，是可以书写文本的

<details>
  <summary>折叠文本</summary>
  此处可书写文本
  嗯，是可以书写文本的
</details>

折叠代码块

 
     console.log("虽然可以折叠代码块");
     console.log("但是代码无法高亮");
     let n = 1;
     function add(a,b)
      {
         return a+b ;
      }

<details>
  <summary>折叠代码块</summary>
  <pre><code> 
     console.log("虽然可以折叠代码块");
     console.log("但是代码无法高亮");
     let n = 1;
     function add(a,b)
      {
         return a+b ;
      }
  </code></pre>
</details>

折叠代码块

 
     console.log("虽然可以折叠代码块");
     console.log("但是代码无法高亮");
     let n = 1;
     function add(a,b)
      {
         return a+b ;
      }

<details>
  <summary>折叠代码块</summary>
  <pre><blockcode> 
     console.log("虽然可以折叠代码块");
     console.log("但是代码无法高亮");
      let n = 1;
     function add(a,b)
      {
         return a+b ;
      }
  </blockcode></pre>
</details>

使用 标签更符合语义，因为它明确表示这段文本是代码。没有语义上的意义，因为它不是一个有效的 HTML 标签。



七、不常用的语法
1.注释
1
2
3
4
5
6
<!--注释，不会显示-->
[comment]: <> (注释，不会显示)
[//]: <> (注释，不会显示)
[//]: # (注释，不会显示)
*[^_^]:注释，不会显示
*[@_@]:注释，不会显示






1
2
3
4
5
6
7
<kbd>tab</kbd>键
<b>粗体</b>
<i>斜体</i>
<em>也是斜体</em>
文本<sup>上标</sup>
文本<sub>下标</sub>
换行<br>下一行





尾注
[^1]: 这是上面的注释内容。				用鼠标点一下（非这行）其他的地方，这里就会出现跳转按钮
1.行内公式
只需在两个 $$之间输入需要显示的公式即可
1
$ f(x) = a+b $


显示的效果：$f(x)=a+b$
2.单独一行的公式
1
$$ f(x) = a+b $$

Markdown语法

目录

快捷键

一、标题语法

二、段/行语法

1.换行

2.分割线

3.对齐方式

4.脚注

三、字体语法

1.粗体

2.斜体

3.粗体+斜体

4.删除线

5.下划线

6.背景高亮

7.上标与下标

8.字体大小

9.改变字体颜色

四、列表语法

1.有序列表

2.无序列表

3.任务列表

五、数学表达式

六、块语法

1.区块引用

彩色提示块

2.表格插入

2.1 如何自定义修改Typora表格宽度

3.图片引用

4.代码块

(1).单行代码

(2).多行代码段

5.流程图

6.链接引用超链接

7.视频引用

8.折叠语法

七、不常用的语法

1.注释

尾注

目录

快捷键

一、标题语法

二、段/行语法

1.换行

2.分割线

3.对齐方式

4.脚注

三、字体语法

1.粗体

2.斜体

3.粗体+斜体

4.删除线

5.下划线

6.背景高亮

7.上标与下标

8.字体大小

9.改变字体颜色

四、列表语法

1.有序列表

2.无序列表

3.任务列表

五、数学表达式

六、块语法

1.区块引用

彩色提示块

2.表格插入

2.1 如何自定义修改Typora表格宽度

3.图片引用

4.代码块

(1).单行代码

(2).多行代码段

5.流程图

6.链接引用 超链接

7.视频引用

8.折叠语法

七、不常用的语法

1.注释

尾注

6.链接引用超链接