用Typora学习Markdown语法

2022年3月27日15:35:31

前言：当然你可以直接使用typora提供的编辑格式进行书写，但是了解markdown语法，可以更加高效的书写笔记，同时，也可以使用typora的查看源码功能来熟悉markdown语法。

<mark>文章目录：</mark>

1.标题

文章的段落划分，使得行文思路清晰，方便理清文章脉络，建立文章框架。

<mark>格式：</mark>

标题的级数划分使用#+space+标题名称

例如：

注意：不同的等级的标题在markdown格式中的大小不一样。

2.字体

在文章中可以像 Word 中那样编辑文字的加粗、倾斜、斜体加粗、删除线，高亮等字体操作，但是在 markdown 中进行字体大小和颜色的操作要使用到 HTML 等前端的知识。

<mark>格式：</mark>

注意：因为表现格式问题，上表中符号* 、= 、^ 、~与符号之间，以及符号与字体之间留有==空隙<mark>，正确的写法是讲符号与字体之间</mark>紧密相连==；通过倾斜加粗的表现形式，相信大家也能看出多种编辑格式之间可以相互嵌套存在。

所有符号均为英文字符。

3.列表

无序列表和有序列表也是我们编辑文章中非常重要的一部分，列表问问可以用非常清晰、简洁的文字，表示分点之间的关系（并列 | | 递进）。

<mark>格式：</mark>

（1）使用 ++space+ 内容 用来编辑***无序列表***，当然+ 可以替换为- 。如果有层级的递进，在+ 前空两个space ，如果直接enter ，则会自动切换到下一个同级的分点。

例如：

• 这是无序列表
• 这是无序列表
• 这是无序列表
  • 加空格的效果
  • 加空格的效果
• 多次按Enter 可以缩进到上一层级，Tap则会转到下一级

下图为源码表示：

- 这是无序列表
- 这是无序列表
- 这是无序列表
  +  加空格的效果
    - 加空格的效果
- 多次按`Enter` 可以缩进到上一层级，`Tap`则会转到下一级

（2）使用 1.+space+ 内容 用来编辑***有序列表***，如果有层级的递进，请使用Tab，如果直接enter ，则会自动切换到下一个同级的分点。

例如：

1. 这是第一条
2. 这是第二条
3. 这是第三条
   1. 这是3.1条
   2. 这是3.2条

下图为源码显示：

1. 这是第一条
2. 这是第二条
3. 这是第三条
	1. 这是3.1条
	2. 这是3.2条

4.表格

正如前文所看到的那样，表格可以用于数据分类统计，也方便读者查看。而markdown语法可以很轻易的绘制出表格，在typora中更是可以直接对表格进行操作。

<mark>格式：</mark>

使用 |+内容+ | +……+|+ 内容+|创建：

下图为源码显示：

| 1    | 2    | 3    | 4    |
| ---- | ---- | ---- | ---- |
|      |      |      |      |

5.引用

我在每一个二级标题下都用了引用来说明情况，如你所见，现在这就是一个引用，当然也可以和列表嵌套使用。

<mark>格式：</mark>

使用 >+space+ 内容创建：

这是一个引用

下图为源码显示：

> 这是一个引用

6.代码

实话说，用markdown语法写笔记我就是奔着可以直接敲代码，并且有相应的高亮提示，可以让笔记中的代码不那么死板。

<mark>格式：</mark>

使用 ctrl+shift+k创建 或者 使用如下的方式创建：

```cpp


```

当然在typora中还需要选定相应的代码语言。

7.超文本链接

有时候，你的笔记或文章中不得不添加一些网址，以便于直接快速的访问

<mark>格式：</mark>

使用[文章中显示的名称](www.wangzhi.com)编辑网址，

也可以使用快捷键ctrl+k。

例如：

我的博客

[我的博客](https://blog.csdn.net/eternity_memory?spm=1011.2124.3001.5343)

8.图片

图片总给人一种直观的感受，有时候文字的描述可能不如一张图片来的实在。

<mark>格式：</mark>

可以直接截图，使用ctrl+V粘贴进笔记中，但是这样是不保险的，因为照片的链接并不稳定，可能会失效，笔记中的图片，应该被存储在一个相对稳定的地址里，而且保证这个图片的路径不会发生错误。

如下图所示：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cbQjofcj-1648382335113)(C:/Users/EternityMemory/Desktop/image-20220327184223407.png)]

源码如下：

![image-20220327184223407](C:/Users/EternityMemory/Desktop/image-20220327184223407.png)

和链接相同的是，图片的[]里表示图片名，()里放图片存储的路径。

如果我将路径下的照片删除，笔记中会是如下显示：

9.数学公式

markdown语法支持LaTeX数学公式，使用可以很好的编辑表示数学公式。

使用快捷键 ctrl+shift+M 或者 用 $LaTex表达式$ 编辑公式

LaTex表达式：

（1）希腊字母：使用 \ +希腊字母的英文

等等

具体见：

（2）上下标：
$$\begin{gathered} a^2,a_1 \\ {x}^{1+2} \\ {x}_i与x_{\mathrm{i}}或x_{\text{i}} \\ \text{a b}与\mathrm{a}\mathrm{b} \\ \text{a}\mathrm{b}与\mathrm{a}\mathrm{b} \\ 表示变量用斜体{\mathrm{x}}_{\mathrm{i}}，表示常量用直立体{\mathrm{x}}_{\mathrm{i}} \end{gathered}$$

a^2,a_1\\
x^{1+2}\\
x_i 与x_{\rm i} 或 x_{\text i}\\
\text{a b} 与 \rm{a b}\\
\text a b 与 \rm a b\\

表示变量用斜体x_i，表示常量用直立体x_{\rm i}

（3）分式与根式
$$\begin{gathered} \frac{分子}{分母} \\ \frac{1}{2} \\ \frac{\frac{1}{x}+1}{y+1} \\ \sqrt{2} \\ \sqrt[3]{x+1} \end{gathered}$$

\frac{分子}{分母}\\
\frac 1 2\\
\frac{\dfrac 1 x+1}{y+1}\\
\sqrt2\\
\sqrt[3]{x+1}\\

（4）普通运算符

+、- \\
\times、\cdot、\div \\
\pm、\mp \\
>、<、\ge、\le、\gg、\ll、\ne、\approx、\equiv\\
\cap、\cup、\in、\notin、\subseteq、\subsetneqq、\varnothing\\
\forall、\exists、\nexists\\
\because、\therefore\\
\mathbb r、\R、 \Q、 \N、\Z_+\\
\mathcal F、\mathscr F、\mathscr f\\
\cdots、\vdots、\ddots\\
\infty、\partial、\nabla、\propto、\degree\\
\sin x,\cos x,\arctan x,\cosh x\\
\log_2 x、\ln x、\lg x\\
\lim\limits_{x \to 0}\frac{x}{\sin x}\\
\max x

（5）大型运算符
$$\begin{gathered} \sum ,\prod \\ \sum _{i=0}^N \\ \frac{\sum _{i=1}^n{x}_i}{\prod _{i=1}^n{x}_i} \\ \int ,\iint \iiint \oint \iint \\ {\int }_{-\infty }^{0}f(x)\text{d}x \end{gathered}$$

\sum,\prod\\
\sum_{i=0}^N\\
\frac{\sum\limits_{i=1}^n x_i}{\prod\limits_{i=1}^n x_i}\\
\int,\iint\,\iiint\oint\oiint\\
\int_{-\infty}^0 f(x)\,\text d x\\

$$\begin{gathered} aa \\ aa \\ aa \\ aa \end{gathered}$$

a\,a\\
a\ a\\
a\quad a\\
a\qquad a\\

留一个小坑：markdown文字如何改大小和颜***r> （HTML&&CSS）

2022年3月27日20:09:33