Typora使用教程
markdown的使用说明
一、标题
语法:# (一级标题) ## (二级标题) ### (三级标题) ......
代码:
# 这是一级标题 ## 这是二级标题
效果:
这是一级标题
这是二级标题
快捷键:
- Ctrl+数字1~6可以快速将选中的文本调成对应级别的标题
- Ctrl+0可以快速将选中的文本调成普通文本
- Ctrl+加号/减号对标题级别进行加减
二、段落
1、换行
代码:
这是一个段落 这是一个段落
效果:
这是一个段落
这是一个段落
2、分割线
语法: ---或者***+回车
代码:
---或者***
效果:
三、文字显示
1、字体
语法:
- 粗体: 用一对双星号包裹
- 删除线: 用一对双飘号包裹
- 下划线: 用一对u标签包裹
- 斜体: 用一对单星号包裹
- 高亮: 用一对双等号包裹
代码:
**这是粗体** ~~这是删除线~~ <u>这是下划线</u> *这是斜体* ==这是高亮==
效果:
这是粗体
这是删除线
这是下划线
这是斜体
这是高亮
快捷键:
- 加粗: Ctrl+B
- 删除线: Shift+Alt+5
- 下划线: Ctrl+U
- 斜体: Ctrl+I
2、上下标
代码:
x^2^ H~2~O
效果:
x2
H2O
四、列表
1、无序列表
代码:
*/-/+ +空格
效果:
1.只有同一级别:
- 苹果
- 香蕉
- 橘子
2.子集类:
- 一级分类
- 二级分类
- 三级分类
快捷键: Ctrl+Shift+]
2、有序列表
代码:
数字+.+空格
效果:
第一个标题
第二个标题
第三个标题
- 子内容1
- 子内容2
第四个标题
快捷键: Ctrl+Shift+[
3、任务列表
代码:
- [ ] 吃早餐 - [x] 背单词
效果:
五、区块显示
代码:
>+回车
效果:
这是最外层区块
这是内层区块
这是最内层区块
六、代码显示
1、行内代码
代码:
`int a=0;`(说明:`位于Esc下面)
效果:
int a=0;
快捷键: Ctrl+Shift+`
2、代码块
代码:
```js/java/c#/text 内容 ```
快捷键: Ctrl+Shift+K
七、链接
代码:
www.baidu.com [百度一下](https://www.baidu.com) [百度一下](https://www.baidu.com "https://www.baidu.com")
快捷键: Ctrl+K
八、脚注
说明: 对文本进行解释说明。
代码:
[^文本] [^文本]:解释说明
效果:
这是一个技术[1]
九、图片插入
代码:

效果:
(注:效果路径为C:\Users\asus\Pictures\Saved Pictures\Snipaste_2020-09-03_13-19-11.png。在其他电脑上可能不显示。)
快捷键: Ctrl+Shift+I
十、表格
代码:
| 1 | 2 | 3 | | :--- | :--: | ---: | | 4 | 5 | 6 | | 7 | 8 | 9 | | 10 | 11 | 12 |
效果:
1 2 3 4 5 6 7 8 9 10 11 12
快捷键: Ctrl+T
十一、流程图
1、横向流程图
代码:
```mermaid graph LR A[方形]==>B(圆角) B==>C{条件a} C-->|a=1|D[结果1] C-->|a=2|E[结果2] F[横向流程图] ```
效果:
2、竖向流程图
代码:
```mermaid graph TD A[方形]==>B(圆角) B==>C{条件a} C-->|a=1|D[结果1] C-->|a=2|E[结果2] F[竖向流程图] ```
效果:
十二、表情符号
代码:
:happy:、:cry:、:man:
效果:
:happy:、 😢、 👨
十三、数学公式的输入
1、公式的插入
①行中公式
代码:
$公式$
效果:
②独立公式
代码:
$$ 公式 $$
效果:
2、上下标
代码:
$x^{y^z}=(1+e^x)^{-2xy^w}$ $\sideset{^1_2}{^3_4}{\underset{6}\bigotimes}$
效果:
3、括号和分隔符
代码:
$\langle\quad\rangle\quad\lceil\quad\rceil\quad\lfloor\quad\rfloor\quad\lbrace\quad\rbrace\quad\lVert\quad\rVert$ $f(x,y,z)=3y^2z\left(3+\dfrac{7x+5}{1+y^2}\right)$ $\left.\dfrac{\mathrm{d}u}{\mathrm{d}x}\right|_{x=0}$
效果:
4、分数
代码:
$\frac{a}{b}\quad\dfrac{a}{b}\quad {a\over b}$
效果:
5、开方
代码:
$\sqrt[根指数,省略时为2]{被开方数}$
效果:
6、省略号
代码:
$\cdots\quad\ldots\quad\vdots\quad\ddots$
效果:
7、矢量和均值
代码:
$\overrightarrow{E(\vec{r})}\quad\overleftarrow{E(\vec{r})}\quad\overleftrightarrow{E(\vec{r})}\quad\underrightarrow{E(\vec{r})}\quad\underleftarrow{E(\vec{r})}\quad\underleftrightarrow{E(\vec{r})}\quad\overline{v}=\bar{v}\quad\underline{v}$
效果:
8、积分
代码:
$$ \iint\limits_D\left(\dfrac{\partial Q}{\partial x}-\dfrac{\partial P}{\partial y}\right){\rm d}x{\rm d}y=\oint\limits_LP{\rm d}x+Q{\rm d}y $$
效果:
9、极限
代码:
$\lim\limits_{n\to\infin}(1+\dfrac{1}{n})^n=e$
效果:
10、累加、累乘及交集、并集
$\sum\limits_{i=1}^n\dfrac{1}{n^2}\quad and\quad\prod\limits_{i=1}^n\dfrac{1}{n^2}\quad and\quad\bigcup\limits_{i=1}^n\dfrac{1}{n^2}\quad and\quad\bigcap\limits_{i=1}^n\dfrac{1}{n^2}$
效果:
11、希腊字母
语法 | 字母 | 语法 | 字母 | 语法 | 字母 |
---|---|---|---|---|---|
\Alpha(\alpha) | \Beta(\beta) | \Gamma(\gamma) | |||
\Epsilon(\epsilon)\varepsilon | \Zeta(\zeta) | \Eta(\eta) | |||
\Iota(\iota) | \Kappa(\kappa)\varkappa | \Lambda(\lambda) | |||
\Nu(\nu) | \Xi(\xi) | \Omicron(\omicron) | |||
\Rho(\rho)\varrho | \Sigma(\sigma)\varsigma | \Tau(\tau) | |||
\Phi(\phi)\varphi | \Chi(\chi) | \Psi(\psi) | |||
\Delta(\delta) | \Theta(\theta)\vartheta | \Mu(\mu) | |||
\Pi(\pi)\varpi | \Omega(\omega) | \upsilon | |||
\ell | \eth | \hbar | |||
\hslash | \mho | \partial |
12、特殊字符
①说明
可以在字符前使用
\large
或\small
以显示更大或更小的字符。
②关系运算符
输入 | 显示 | 输入 | 显示 | 输入 | 显示 |
---|---|---|---|---|---|
\pm(\mp) | \times | \div | |||
\nmid | \cdot | \mid | |||
\bigodot | \bigotimes | \bigoplus | |||
\ge | \le | \ll | |||
\geqslant | \leqslant | \neq | |||
\approx | \xlongequal | \triangleq | |||
\sim | \doteq | \equiv | |||
\cong | \propto | \parallel(|) | |||
\prec | \pmod | \bmod |
③集合运算符
输入 | 显示 | 输入 | 显示 | 输入 | 显示 |
---|---|---|---|---|---|
\emptyset | \varnothing | ||||
\subset | \subseteq | \subsetneq | |||
\supset | \supseteq | \supsetneq | |||
\bigcap | \bigcup | \setminus | |||
\bigvee | \bigwedge | ||||
\in | \notin | \ni |
④三角运算符
输入 | 显示 | 输入 | 显示 | 输入 | 显示 |
---|---|---|---|---|---|
\circ | \bot | \angle | |||
\degree |
⑤微积分运算符
输入 | 显示 | 输入 | 显示 | 输入 | 显示 |
---|---|---|---|---|---|
\int | \iint | \iiint | |||
\oint | \oiint | \prime(‘) | |||
\lim | \infin | \nabla | |||
\grad |
⑥逻辑运算符
输入 | 显示 | 输入 | 显示 | 输入 | 显示 |
---|---|---|---|---|---|
\because | \therefore | ||||
\forall | \exist | ||||
\not> | \not< | ||||
\land | \lor | \lnot | |||
\top | \vdash | \vDash |
⑦带帽符号
输入 | 显示 | 输入 | 显示 |
---|---|---|---|
\hat | \widehat | ||
\tilde | \widetilde | ||
\check | \breve | ||
\grave | \acute | ||
\dot | \ddot | ||
\overparen |
⑧选取符号
输入 | 显示 | 输入 | 显示 |
---|---|---|---|
\fbox | |||
\overbrace{xx\cdots x}^ | \underbrace{xx\cdots x}_ |
⑨箭头符号
输入 | 显示 | 输入 | 显示 | 输入 | 显示 |
---|---|---|---|---|---|
\leftarrow | \rightarrow | \leftrightarrow | |||
\longleftarrow | \longrightarrow | \longleftrightarrow | |||
\Leftarrow | \Rightarrow | \Leftrightarrow | |||
\Longleftarrow | \Longrightarrow | \Longleftrightarrow | |||
\uparrow | \downarrow | \updownarrow | |||
\Uparrow | \Downarrow | \Updownarrow | |||
\to | \swarrow | \nearrow | |||
\gets | \searrow | \nwarrow | |||
\mapsto | \rightrightarrows |
⑩空格
输入 | 效果 | 输入 | 效果 | 输入 | 效果 |
---|---|---|---|---|---|
\! | 默认 | \quad | |||
, | 😭\ ) | \qquad |
13、字体
代码:
${\字体{需要转换的字符}}$
输入 | 说明 | 显示 | 输入 | 说明 | 显示 |
---|---|---|---|---|---|
\rm | 罗马体 | \cal | 花体 | ||
\it | 意大利体 | \Bbb | 黑板粗体 | ||
\bf | 粗体 | \mit | 数学斜体 | ||
\sf | 等线体 | \scr | 手写体 | ||
\tt | 打字机体 | \frak | 旧德式字体 |
14、大括号和行标
说明: 使用
\left
和\right
来创建自动匹配高度的()
、[]
、{}
、.
。在每个公式末尾使用\tag{行标}
来实现行标。
代码:
$$ f\left( \left[ \dfrac{1+\{x,y\}}{\left(\dfrac{x}{y}+\dfrac{y}{x}\right)(u+1)}+a \right] ^{\dfrac{3}{2}} \right) \tag{行标} $$
效果:
说明:如果你想将行内显示的分隔符也变大,也可以使用
\middle
命令
代码:
$$ \left\langle q\middle\|\dfrac{\dfrac{x}{y}}{\dfrac{u}{v}}\middle|p\right\rangle $$
效果:
15、其他命令
①注释文字
代码:
$\text{文字}$
效果:
③文字颜色
- 适用新旧浏览器
代码:
$\color{颜色}{文字}$
输入 | 显示 | 输入 | 显示 | 输入 | 显示 |
---|---|---|---|---|---|
black | grey | silver | |||
white | maroon | red | |||
yellow | lime | olive | |||
green | teal | auqa | |||
blue | navy | purple | |||
fuchsia |
- 适用新版浏览器
代码:
$\color{#rgb}{文字}$ (注:其中r、g、b可以输入0~9和a~f来分别表示红色、绿色和蓝色的纯度)
输入 | 输出 | 输入 | 输出 | 输入 | 输出 | 输入 | 输出 |
---|---|---|---|---|---|---|---|
#000 | #005 | #00A | #00F | ||||
#500 | #505 | #50A | #50F | ||||
#A00 | #A05 | #A0A | #A0F | ||||
#F00 | #F05 | #F0A | #F0F | ||||
#050 | #055 | #05A | #05F | ||||
#550 | #555 | #55A | #55F | ||||
#A50 | #A55 | #A5A | #A5F | ||||
#F50 | #F55 | #F5A | #F5F | ||||
#0A0 | #0A5 | #0AA | #0AF | ||||
#5A0 | #5A5 | #5AA | #5AF | ||||
#AA0 | #AA5 | #AAA | #AAF | ||||
#FA0 | #FA5 | #FAA | #FAF | ||||
#0F0 | #0F5 | #0FA | #0FF | ||||
#5F0 | #5F5 | #5FA | #5FF | ||||
#AF0 | #AF5 | #AFA | #AFF | ||||
#FF0 | #FF5 | #FFA | #FFF |
③删除线
说明: 使用
\require{cancle}
声明,再使用\cancle{字符}
、\bcancle{字符}
、\xcancle{字符}
、\cancleto{字符}{字符}
来实现各种片段删除线效果。
代码:
$$ \require{cancel}\begin{array}{r1} \verb|y+\cancel{x}|&y+\cancel{x}\\ \verb|y+\cancel{y+x}|&y+\cancel{y+x}\\ \verb|y+\bcancel{x}|&y+\bcancel{x}\\ \verb|y+\xcancel{x}|&y+\xcancel{x}\\ \verb|y+\cancelto{0}{x}|&y+\cancelto{0}{x}\\ \verb+\frac{1\cancel9}{\cancel95}=\frac15+&\frac{1\cancel9}{\cancel95}=\frac15\\ \end{array} $$
效果:
说明: 使用
\require{enclose}
来允许整段删除线的显示,再使用\enclose{删除线效果}{字符}
来使用各种整段删除线效果。其中,删除线效果有horizontalstrike
、verticalstrike
、updiagonalstrike
和downdiagonalstrike
,可以叠加使用。
代码:
$$ \require{enclose}\begin{array}{r1} \verb|\enclose{horizontalstrike}{x+y}|&\enclose{horizontalstrike}{x+y}\\ \verb|\enclose{verticalstrike}{\frac xy}|&\enclose{verticalstrike}{\frac xy}\\ \verb|\enclose{updiagonalstrike}{x+y}|&\enclose{updiagonalstrike}{x+y}\\ \verb|\enclose{downdiagonalstrike}{x+y}|&\enclose{downdiagonalstrike}{x+y}\\ \verb|\enclose{horizontalstrike,updiagonalstrike}{x+y}|&\enclose{horizontalstrike,updiagonalstrike}{x+y}\\ \end{array} $$
效果:
16、矩阵
①无框矩阵
代码:
$$ \begin{matrix} 1&x&x^2\\ 1&y&y^2\\ 1&z&z^2\\ \end{matrix} $$
效果:
②边框矩阵
说明: 在开头将
matrix
替换为pmatrix
、bmatrix
、Bmatrix
、vmatrix
、Vmatrix
。
matrix | pmatrix | bmatrix | Bmatrix | vmatrix | Vmatrix |
---|---|---|---|---|---|
③带分割线的矩阵
说明: 可以使用
cc|c
来在一个三列矩阵中插入分割线。
代码:
$$ \left[ \begin{array}{cc|c} 1&2&3\\ 4&5&6 \end{array} \right] $$
效果:
④行中矩阵
代码:
$\bigl(\begin{smallmatrix}a&b\\c&d\end{smallmatrix}\bigr)$
效果:
17、方程式序列
说明: 可以使用
\begin{align}...\end{align}
来创建一列整齐且默认右对齐的方程式序列。请注意{align}
是自动编号的,使用{align*}
来声明停止自动编号,也可以使用\notag
来取消特定行的自动编号。在需要的时候,你可以使用\begin{equation}...\end{equation}
来强制表达式自动编号。
代码:
$$ \begin{align} \sqrt{37}=\sqrt{\dfrac{73^2-1}{12^2}}\\ &=\sqrt{\dfrac{73^2}{12^2}\cdot\dfrac{73^2-1}{73^2}}\\ &=\sqrt{\dfrac{73^2}{12^2}}\sqrt{\dfrac{73^2-1}{73^2}}\notag\\ &=\dfrac{73}{12}\sqrt{1-\dfrac{1}{73^2}}\\ \approx\dfrac{73}{12}\left(1-\dfrac{1}{2\cdot73^2}\right)\label{A} \end{align} $$ *** $$ \begin{align*} v+m&=0&\text{Given}\tag1\\ -w&=-w+0&\text{additive identity}\tag2\\ -w+0&=-w+(v+w)&\text{equations $(1)$ and $(2)$} \end{align*} $$
效果:
你可以使用
\label{标签}
来创建一个标签,就如上面的方程式序列中展示的那样,之后使用\eqref{标签}
引用你想引用的公式,效果为:。如果不想要括号,可以输入 \ref{标签}
,效果为:公式。 公式1和2的不同列之间存在间隔,如果你不想要,可以通过将
align
替换为alignat{1}
来去除列间隔。
18、条件表达式
说明: 使用
\begin{cases}
来创造一组默认左对齐的条件表达式,在每一行插入&
来指定需要对齐的内容,并在每一行结尾处使用\\
,以\end{cases}
结尾。
代码:
$$ f(n)= \begin{cases} n/2,&\text{if $n$ is even}\\ 3n+1,&\text{if $n$ is odd} \end{cases} $$
效果:
19、配置行高
说明: 可以使用
\\[2ex]
语句替代该行末尾的\\
来让编译器适配 , 其中[ex]
指一个"X-Height" , 即x字母高度 , 也可以使用[3ex]
或[4ex]
等。
代码:
$$ f(n)= \begin{cases} \dfrac n2,&\text{if $n$ is even}\\[2ex] 3n+1,&\text{if $n$ is odd} \end{cases}\tag{适配[2ex]} $$ *** $$ f(n)= \begin{cases} \dfrac n2,&\text{if $n$ is even}\\ 3n+1,&\text{if $n$ is odd} \end{cases}\tag{不适配[2ex]} $$
效果:
20、数组与表格
说明: 数组与表格均以
\begin{array}
开头,并在其后定义列数及每一列的文本对齐方式,c
l
r
分别代表居中、左对齐及右对齐。若要插入垂直分割线,在定义中插入|
,若要插入水平分割线,在定义中加入\hline
。
代码:
$$ \begin{array}{c|lcr} n&\text{左对齐}&\text{居中对齐}&\text{右对齐}\\ \hline 1&0.24&1&125\\ 2&-1&189&-8\\ 3&-20&2000&1+10i \end{array} $$
效果:
21、嵌套表格或数组
代码:
$$ % outer vertical array of arrays 外层垂直表格 \begin{array}{c} % inner horizontal array of arrays 内层水平表格 \begin{array}{cc} % inner array of minimum values 内层"最小值"数组 \begin{array}{c|cccc} \text{min}&0&1&2&3\\ \hline 0&0&0&0&0\\ 1&0&1&1&1\\ 2&0&1&2&2\\ 3&0&1&2&3\\ \end{array} & % inner array of maximum values 内层"最大值"数组 \begin{array}{c|cccc} \text{max}&0&1&2&3\\ \hline 0&0&1&2&3\\ 1&1&1&2&3\\ 2&2&2&2&3\\ 3&3&3&3&3 \end{array} \end{array} % 内层第一行表格组结束 \\ % inner array of delta values 内层第二行Delta值数组 \begin{array}{c|cccc} \Delta&0&1&2&3\\ \hline 0&0&1&2&3\\ 1&1&0&1&2\\ 2&2&1&0&1\\ 3&3&2&1&0 \end{array} % 内层第二行表格组结束 \end{array} $$
效果:
22、方程组
说明: 使用
\begin{array}...\end{array}
和\left\{...\right.
来创建一个方程组,或者你也可以使用条件表达式组\begin{cases}...\end{cases}
来实现相同效果。
代码:
$$ \left\{ \begin{array}{l} a_1x+b_1y+c_1z=d_1\\ a_2x+b_2y+c_2z=d_2\\ a_3x+b_3y+c_1z=d_3 \end{array} \right. \quad\text{或者}\quad \begin{cases} a_1x+b_1y+c_1z=d_1\\ a_2x+b_2y+c_2z=d_2\\ a_3x+b_3y+c_1z=d_3 \end{cases} $$
效果:
23、连分式
说明: 就像
\frac
一样,使用\cfrac
或\dfrac
来创建一个连分式,不要使用普通的\frac
或\over
来创建,否则看起来会很恶心。
代码:
$$ x=a_0+\cfrac{1^2}{a_1+\cfrac{2^2}{a_2+\cfrac{3^2}{a_3+\cfrac{4^2}{a_4+\cdots}}}} $$
效果:
反例:
x=a_0+\frac{1^2}{a_1+\frac{2^2}{a_2+\frac{3^2}{a_3+\frac{4^2}{a_4+\cdots}}}}
效果:
补充: 当然,你可以使用
\frac
来表达连分数的紧缩记法。
代码:
$$ x=a_0+\frac{1^2}{a_1+}\frac{2^2}{a_2+}\frac{3^2}{a_3+}\frac{4^2}{a_4+}\cdots $$
效果:
24、交换图表
说明: 使用一行
$\require{AMScd}$
语句来允许交换图表的显示,并通过在开头使用\begin{CD}
,结尾使用\end{CD}
来创建。
代码:
$$ \require{AMScd} \begin{CD} A@>a>>B\\ @VbVV\# @VcVV\\ C @>>d> D \end{CD} $$
效果:
补充: 其中,
@>>>
代表右箭头、@<<<
代表左箭头、@VVV
代表下箭头、@AAA
代表上箭头、@=
代表水平双实线、@|
代表竖直双实线、@.
代表没有箭头。在@>>>
的>>>
之间任意插入文字即代表该箭头的注释文字。
代码:
$$ \begin{CD} A@>>>B@>{\text{very long label}}>>C\\ @.@AAA@|\\ D@=E@<<<F \end{CD} $$
效果:
25、其他
- 搜索
十四、支持的HTML元素
1、文本居中
代码
<center>内容</center>
效果
内容
2、快捷键显示
代码:
<kbd>内容</kbd>
效果:
内容
3、加粗
代码:
<b>加粗</b>
效果:
加粗
4、倾斜
代码:
<i>倾斜</i>
效果:
倾斜
5、上下标
代码:
开始<sup>123hi你好</sup> 开始<sub>321hi你好</sub>
效果:
开始123hi你好
开始321hi你好
6、填充的黑色箭头
代码:
➤
效果:
➤
这是一个非常好用的框架。 ↩︎
本文作者:胖柚の工作室
本文链接:https://www.cnblogs.com/pangyou3s/p/17790626.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)