返回杂项
杂项 / 发布 2024-10-20 20:56 / 更新 2026-06-04 00:00

Typora

整理 Typora 常用 Markdown、Mermaid、LaTeX 和 HTML 写法速查。

杂项TyporaMarkdown
Typora

文档说明

  • 本文用于记录 Typora 中常用的 Markdown、Mermaid、LaTeX 和少量 HTML 写法。
  • 示例优先展示“语法 / 示例 / 效果 / 快捷键”,避免把大段正文放进引用块。
  • 本仓库正文不使用 Markdown 一级标题;如果需要说明一级标题语法,只用行内代码或说明文字展示。

标题与段落

标题

语法:

一级标题:# 标题
二级标题:## 标题
三级标题:### 标题

在本目录的正式文档中:

  • 正文主要章节使用 ##
  • 子章节使用 ###
  • 更细分内容可使用 ####,但不建议继续加深层级。
  • 不在正文中写一级标题。

快捷键:

  • Ctrl + 1Ctrl + 6:切换标题级别。
  • Ctrl + 0:切换为普通文本。
  • Ctrl + + / Ctrl + -:升降标题级别。

段落与换行

普通段落之间使用一个空行分隔。需要在同一段内强制换行时,可在行尾输入两个空格后回车。

这是第一行  
这是第二行

分割线

语法:

---
***

效果:


文字样式

常用样式

类型 语法 效果
粗体 **这是粗体** 这是粗体
删除线 ~~这是删除线~~ 这是删除线
下划线 <u>这是下划线</u> <u>这是下划线</u>
斜体 *这是斜体* 这是斜体
高亮 ==这是高亮== ==这是高亮==

快捷键:

  • Ctrl + B:加粗。
  • Shift + Alt + 5:删除线。
  • Ctrl + U:下划线。
  • Ctrl + I:斜体。

上标和下标

x^2^
H~2~O

效果:

  • x^2^
  • H~2~O

列表与区块

无序列表

语法:

- 苹果
- 香蕉
- 橘子

嵌套示例:

- 一级分类
  - 二级分类
    - 三级分类

快捷键:Ctrl + Shift + ]

有序列表

1. 第一个标题
2. 第二个标题
3. 第三个标题
   - 子内容 1
   - 子内容 2

快捷键:Ctrl + Shift + [

任务列表

- [ ] 吃早餐
- [x] 背单词

效果:

引用块

语法:

> 最外层引用
>> 内层引用
>>> 更深层引用

效果:

最外层引用

内层引用

更深层引用

引用块适合写注意事项、补充说明和面试答题提示,不建议承载整篇正文。

代码、链接和脚注

行内代码

语法:

`int a = 0;`

效果:int a = 0;

快捷键:`Ctrl + Shift + ``。

代码块

语法:

```java
System.out.println("hello");
```

常用语言标识:

  • text:纯文本。
  • sh:Shell 命令。
  • powershell:PowerShell 命令。
  • javajspython:代码片段。
  • yamljsonininginx:配置文件。
  • mermaid:流程图。
  • latex:公式源码。

快捷键:Ctrl + Shift + K

链接

语法:

https://www.baidu.com
[百度一下](https://www.baidu.com)
[百度一下](https://www.baidu.com "https://www.baidu.com")

效果:

快捷键:Ctrl + K

脚注

语法:

这是一个技术[^note]

[^note]: 这是脚注解释。

效果:

这是一个技术^note

图片与表格

图片

语法:

![图片说明](./assets/example.png "示例图片")

规范:

  • 图片路径使用相对路径。
  • 图片建议放在当前文档目录的 assets 目录下。
  • 不在文档中使用本机绝对路径。

快捷键:Ctrl + Shift + I

表格

语法:

| 列 1 | 列 2 | 列 3 |
| --- | :---: | ---: |
| 左对齐 | 居中 | 右对齐 |

效果:

列 1 列 2 列 3
左对齐 居中 右对齐

快捷键:Ctrl + T

Mermaid 流程图

横向流程图

graph LR A[方形] --> B(圆角) B --> C{条件} C -->|条件成立| D[结果 1] C -->|条件不成立| E[结果 2]

竖向流程图

graph TD A[开始] --> B[处理] B --> C{判断} C -->|是| D[结束] C -->|否| B

数学公式

行内公式和独立公式

语法:

$公式$

$$
公式
$$

效果:

  • 行内公式:$x^2 + y^2 = z^2$

独立公式:

$$ x^2 + y^2 = z^2 $$

上下标

$x^{y^z}=(1+e^x)^{-2xy^w}$
$\sideset{^1_2}{^3_4}{\underset{6}\bigotimes}$

效果:

  • $x^{y^z}=(1+e^x)^{-2xy^w}$
  • $\sideset{^1_2}{^3_4}{\underset{6}\bigotimes}$

括号和分隔符

$\langle\quad\rangle\quad\lceil\quad\rceil\quad\lfloor\quad\rfloor\quad\lbrace\quad\rbrace$
$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}$

效果:

  • $\langle\quad\rangle\quad\lceil\quad\rceil\quad\lfloor\quad\rfloor\quad\lbrace\quad\rbrace$
  • $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}$

分数、开方和省略号

类型 语法 效果
分数 \frac{a}{b} / \dfrac{a}{b} / {a\over b} $\frac{a}{b}\quad\dfrac{a}{b}\quad {a\over b}$
开方 \sqrt{2} / \sqrt[3]{2} $\sqrt{2}\quad\sqrt[3]{2}$
省略号 \cdots / \ldots / \vdots / \ddots $\cdots\quad\ldots\quad\vdots\quad\ddots$

矢量、积分和极限

$\overrightarrow{E(\vec{r})}\quad\overline{v}=\bar{v}\quad\underline{v}$

$$
\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
$$

$\lim\limits_{n\to\infty}(1+\dfrac{1}{n})^n=e$

效果:

  • $\overrightarrow{E(\vec{r})}\quad\overline{v}=\bar{v}\quad\underline{v}$
  • $\lim\limits_{n\to\infty}(1+\dfrac{1}{n})^n=e$

$$ \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 $$

累加、累乘、并集和交集

$\sum\limits_{i=1}^n\dfrac{1}{n^2}$
$\prod\limits_{i=1}^n\dfrac{1}{n^2}$
$\bigcup\limits_{i=1}^n A_i$
$\bigcap\limits_{i=1}^n A_i$

效果:

  • $\sum\limits_{i=1}^n\dfrac{1}{n^2}$
  • $\prod\limits_{i=1}^n\dfrac{1}{n^2}$
  • $\bigcup\limits_{i=1}^n A_i$
  • $\bigcap\limits_{i=1}^n A_i$

希腊字母

输入 显示 输入 显示 输入 显示
\alpha $\alpha$ \beta $\beta$ \gamma $\gamma$
\delta $\delta$ \epsilon $\epsilon$ \zeta $\zeta$
\eta $\eta$ \theta $\theta$ \lambda $\lambda$
\mu $\mu$ \pi $\pi$ \omega $\omega$

常用特殊符号

类型 示例语法 效果
关系运算 \pm\times\neq\approx\leqslant $\pm\quad\times\quad\neq\quad\approx\quad\leqslant$
集合运算 \in\notin\subseteq\bigcup\emptyset $\in\quad\notin\quad\subseteq\quad\bigcup\quad\emptyset$
逻辑运算 \because\therefore\forall\exists\land $\because\quad\therefore\quad\forall\quad\exists\quad\land$
箭头 \leftarrow\rightarrow\Leftrightarrow\uparrow $\leftarrow\quad\rightarrow\quad\Leftrightarrow\quad\uparrow$
空格 \!\,\quad\qquad $

字体和颜色

字体语法:

${\rm{Sample}}$
${\cal{Sample}}$
${\it{Sample}}$
${\bf{Sample}}$

效果:

输入 显示 输入 显示
\rm ${\rm{Sample}}$ \cal ${\cal{Sample}}$
\it ${\it{Sample}}$ \bf ${\bf{Sample}}$
\sf ${\sf{Sample}}$ \tt ${\tt{Sample}}$

颜色语法:

$\color{red}{文字}$
$\color{#0AF}{文字}$

效果:

  • $\color{red}{color}$
  • $\color{#0AF}{color}$

大括号和行标

$$
f\left(
  \left[
    \dfrac{1+\{x,y\}}{\left(\dfrac{x}{y}+\dfrac{y}{x}\right)(u+1)}+a
  \right]^{\dfrac{3}{2}}
\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{行标} $$

注释文字和删除线

注释文字:

$\text{文字}$

片段删除线:

$$
\require{cancel}
y+\cancel{x}
$$

整段删除线:

$$
\require{enclose}
\enclose{horizontalstrike,updiagonalstrike}{x+y}
$$

矩阵

无框矩阵:

$$
\begin{matrix}
1&x&x^2\\
1&y&y^2\\
1&z&z^2
\end{matrix}
$$

效果:

$$ \begin{matrix} 1&x&x^2\ 1&y&y^2\ 1&z&z^2 \end{matrix} $$

常见矩阵边框:

类型 语法 效果
小括号 pmatrix $\begin{pmatrix}1&2\3&4\end{pmatrix}$
中括号 bmatrix $\begin{bmatrix}1&2\3&4\end{bmatrix}$
大括号 Bmatrix $\begin{Bmatrix}1&2\3&4\end{Bmatrix}$
单竖线 vmatrix $\begin{vmatrix}1&2\3&4\end{vmatrix}$
双竖线 Vmatrix $\begin{Vmatrix}1&2\3&4\end{Vmatrix}$

行中矩阵:

$\bigl(\begin{smallmatrix}a&b\\c&d\end{smallmatrix}\bigr)$

效果:$\bigl(\begin{smallmatrix}a&b\c&d\end{smallmatrix}\bigr)$

方程式序列

$$
\begin{align}
\sqrt{37}
&=\sqrt{\dfrac{73^2-1}{12^2}}\\
&=\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} \sqrt{37} &=\sqrt{\dfrac{73^2-1}{12^2}}\ &=\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} $$

使用 \label{A} 创建标签后,可以用 \eqref{A} 引用公式。

条件表达式和行高

$$
f(n)=
\begin{cases}
\dfrac n2,&\text{if $n$ is even}\\[2ex]
3n+1,&\text{if $n$ is odd}
\end{cases}
\tag{适配行高}
$$

效果:

$$ f(n)= \begin{cases} \dfrac n2,&\text{if $n$ is even}\[2ex] 3n+1,&\text{if $n$ is odd} \end{cases} \tag{适配行高} $$

数组与表格

$$
\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}
$$

效果:

$$ \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} $$

方程组

$$
\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_3z=d_3
\end{array}
\right.
$$

效果:

$$ \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_3z=d_3 \end{array} \right. $$

连分式

推荐使用 \cfrac\dfrac 创建连分式。

$$
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+\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
$$

交换图表

$$
\require{AMScd}
\begin{CD}
A@>a>>B\\
@VbVV\# @VcVV\\
C @>>d> D
\end{CD}
$$

效果:

$$ \require{AMScd} \begin{CD} A@>a>>B\ @V b V V# @VV c V\ C @>>d> D \end{CD} $$

说明:

  • @>>> 表示右箭头。
  • @<<< 表示左箭头。
  • @VVV 表示下箭头。
  • @AAA 表示上箭头。
  • @= 表示水平双实线。
  • @| 表示竖直双实线。
  • @. 表示没有箭头。

HTML 元素

文本居中

<center>内容</center>

效果:

<center>内容</center>

快捷键显示

<kbd>Ctrl</kbd> + <kbd>K</kbd>

效果:<kbd>Ctrl</kbd> + <kbd>K</kbd>

加粗和倾斜

<b>加粗</b>
<i>倾斜</i>

效果:

  • <b>加粗</b>
  • <i>倾斜</i>

上标和下标

开始<sup>上标</sup>
开始<sub>下标</sub>

效果:

  • 开始<sup>上标</sup>
  • 开始<sub>下标</sub>

HTML 实体

&#x27A4;

效果:➤

快捷键汇总

操作 快捷键
标题级别 Ctrl + 1Ctrl + 6
普通文本 Ctrl + 0
加粗 Ctrl + B
删除线 Shift + Alt + 5
下划线 Ctrl + U
斜体 Ctrl + I
无序列表 Ctrl + Shift + ]
有序列表 Ctrl + Shift + [
行内代码 `Ctrl + Shift + ``
代码块 Ctrl + Shift + K
链接 Ctrl + K
图片 Ctrl + Shift + I
表格 Ctrl + T

检查清单

  • 正文从 ## 开始,没有正文一级标题。
  • 代码块都标注了语言。
  • 图片示例使用相对路径。
  • 本机绝对路径、账号、密码、Token 等信息不写入文档。
  • 语法、示例、效果和快捷键分块清晰。