Markdown语法教程-这篇文章真的超赞

Makedown语法

基础向

什么是Makedown?

Makedown是一种轻量级标记语言，排版语法简洁，让人们更多的关注内容本身而非排版。它使用易读易写的纯文本格式编写文档，可与HTML混编，可导出为PDF、HTML以及本身的.md格式的文件。因为其简洁、高效易读、易写，Markdown被大量使用，如Github、简书、CSDN等。

语法说明

标题

要创建标题在标题前面加上#，#的数量代表了标题的级别。一级标题对应一个#号，二级标题对应两个#号，以此类推。注意，在使用#时，与标题之间应该加一个空格，进行分隔。

#一级标题#
##二级标题##
###三级标题###
...

标题居中

在标题左右两侧分别加上<center>可以使中间的文本居中。

段落

创建段落在段落后面使用一个空行来表示重新开始一个段落

段落中的换行

在一行的末尾添加两个或多个空格，然后回车，即可以创建一个换行。

强调语法

通过将文本设置为粗体、斜体、粗斜体来强调其重要性。

1. 斜体显示文本，在单词或者短语前后添加一个星号*或者一个下划线_。

    *斜体*
   

2. 加粗文本，可以在单词或者短语的前后添加两个星号**或者下划线__。

    **粗体**
   

3. 同时使用粗体和斜体突出显示文本，可以在单词或短语前后添加三个星号***或者三个下划线___。

    ***斜粗体***
   

列表

1. 可以将多个条目组织成有序或者无序列表

   1. 有序列表
      创建有序列表，可以在每个列表项前添加数字并紧跟一个英文句点.。数字顺序可以不按数学顺序排列，但列表应当以数字1起始。
   • 无序列表
     创建无序列表，可以在每个列表项前面添加减号-、加号+或星号*。

2. 要在列表中嵌套其他元素

   要在保留列表连续性的同时在列表中添加另外一种元素，可以将该元素缩进四个空格或一个制表符（TAB），如下所示

   1. 段落

      • This is the first test statement.
      • This is the second test statement.
        This is the third test statement.
      • This is the fourth test statement.

   2. 引用块

      • This is the first test statement.
      • This is the second test statement.

        This is the third test statement.

      • This is the fourth test statement.

   3. 代码块

      • The following is a c language code.

        #include<stdio.h>
        int main()
        {
            printf("恭喜发财！！！\n");
            return 0;
        }
        

   4. 列表

      1. This is the first test statement.
         1. This is the second test statement.
            • This is the third test statement.
      2. This is the fourth test statement.

引用语法

• 单段落块引用
  创建块引用，可以在段落前面加上>符号。

This is an instance statement.

• 多段落块引用
  块引用可以同时包含多个段落，为段落之间的空行添加一个>符号，就可以实现。

This is an instance statement.

I’m a beginner. Please give me some advice.

• 嵌套块引用
  块引用可以嵌套。在要嵌套的段落前添加一个>>符号。

This is an instance statement.

I’m a beginner. Please give me some advice.

• 带有其它元素的块引用
  块引用可以包含其它 Markdown 格式的元素。但是并不是所有的都是可以使用的。

我好像是个标题哎

• 我前面有个点哎

我不是正人君子了呢！

我很粗嘛？

代码语法

1. 单词或短语表示为代码

   • 要将单词或者短语表示为代码，可以将其包裹在反引号（`）中。
     我和我好像有哪里不一样？？

2. 转义反引号

   • 如果要表示为代码的单词或者短语中包含一个或多个反引号，则可以通过将单词或短语包裹在双反引号（````````），甚至更多，简称“套娃”。
     `我`比你多那么两点点，嗯哼。

3. 代码块

   • 创建代码块(围栏式)：在需要使用代码块的范围前面以及后面分别加上三个反引号（`` `````）或者三个波浪（~~~）
   • 如果需要使用语法高亮，在代码块上方的三个反引号后面加上你所编写代码的所属语言（`` `````C），即可自动添加语法高亮。

   ```C
   #include<stdio.h>
   int main()
   {
   printf("恭喜发财！！！\n");
   return 0;
   }   
   

   #include<stdio.h>
   int main()
   {
       printf("恭喜发财！！！\n");
       return 0;
   }
   

4. 代码行数显示

   • 如果你需要使代码块中每一行显示行数，你可以在所属语言后面加上{.line-numbers}

   ```C {.line-numbers}
   #include<stdio.h>
   int main()
   {
   printf("恭喜发财！！！\n");
   return 0;
   }   
   

   #include<stdio.h>
   int main()
   {
       printf("恭喜发财！！！\n");
       return 0;
   }
   

分割线语法

• 要创建分割线，可以在单独的一行上使用三个或者多个星号（***）、减号（—）或者下划线（___）。此行不能存在其他内容。

  我就是分割线：

    ***
  

  ---

链接语法

1. 语法格式

   • 链接文本放在中括号内（就是你想让屏幕上显示的文字），链接地址放在后面的括号中。要注意哦，这里的括号都是英文的。
     格式： [超链接显示文本](超链接地址)
     我后面是一个链接 C浅解-数组。

     各位有时间可以点开看一下，感谢支持！！

2. 链接添加 Title

   *链接Title是当鼠标悬停在链接上时出现的文字，这个title是可选的，可写可不写。放在圆括号中链接地址的后面，跟链接地址之间用空格分隔，并且要使用英文分号进行包裹。
   格式： [超链接显示文本](超链接地址 "Title")
   我后面是一个链接 C浅解-数组。

3. 网址和Email地址

   *使用尖括号可以直接把URL或者Email地址变成可以点击的链接。
   https://www.baidu.com/
   xxxx@163.com

4. 带格式化的链接

   *强调链接，强调语法中的语法，也可以直接作用在链接上。
   I love China.
   I like Song Hao.

表格

• Markdown 制作表格使用|来分隔不同的单元格，使用-来分隔表头和其他行\

    | 表头  | 表头  | 表头  |
    | :---: | :---:| :---: |
    | 文本  | 文本  | 文本  |
    | 文本  | 文本  | 文本  |
    | 文本  | 文本  | 文本  |
  

  显示效果如下：

  表头	表头	表头
  文本	文本	文本
  文本	文本	文本
  文本	文本	文本

• 表格对齐方式（内容和标题栏）

  • -: 设置内容和标题栏居右对齐。
  • :- 设置内容和标题栏居左对齐。
  • :-: 设置内容和标题栏居中对齐。

进阶向

粘贴图片（截图）方法

在使用Markdown时，无论是写博客还是做笔记等，都免不了需要进行添加图片，以下，为大家提供三种添加图片的方式。

插入网络图片

只需要在基础语法的括号中填入图片的网络链接即可，现在已经有很多免费/收费图床和方便传图的小工具可选。
例如：![picture](https://img-blog.csdnimg.cn/img_convert/4d81fd3072bce6bda2fc5afd8335a4a1.gif)
显示如下：

将图片存在网络服务器上，非常依赖网络。

插入本地图片

只需要在基础语法的括号中填入图片的位置路径即可，支持绝对路径和相对路径。
例如：

![picture](222.gif)

显示如下：

不灵活不好分享，本地图片的路径更改或丢失都会造成markdown文件调不出图。
我上面插入本地图片时，就是先把图片放在与本md文件相同的目录下

下面就是使用插入本地图片方法，然后md文件直接导入CSDN中出现的错误。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qjeJeaMa-1668949769264)(222.gif)]

base64编码插入图片

用base64转码工具把图片转成一段字符串，然后把字符串填到基础格式中链接的那个位置。
例如：![picture](data:image/png;base64,iVBORw0.....非常之长.....)
显示为下：

上述为低级用法，当你把图片转换为base64编码格式之后，你会得到一段非常长的字符串，放在文中，非常影响编写文章时的体验。

我们可以把大段的base64编码放在文章末尾，然后在文章中通过一个id来调用，文章就不会被分割的这么乱了。只需要在文章末尾以以下格式，放置图片base64编码，即可用所命名的格式在文章任意位置插入图片。
末尾：[name]: 只需要在冒号后面放入base64编码即可，调用方式如下 努力为我取的名字。
第二个方括号[ ]中为id，你可以随意起名
![picture][努力]

至于怎么把图片转换为base64编码格式，可以通过以下链接，在线转换。
https://tool.chinaz.com/tools/imgtobase/

任务列表语法

任务列表使您可以创建带有复选框的项目列表。在支持任务列表的Markdown应用程序中，复选框将显示在内容旁边。要创建任务列表，请在任务列表项之前添加破折号-和方括号[ ]，并在[ ]前面加上空格。要选择一个复选框，请在方括号[x]之间添加 x 。

- [x] We should study hard today
- [ ] Study advanced mathematics well
- [ ] Learn English well

• We should study hard today
• Study advanced mathematics well
• Learn English well

Emoji 表情

1. 复制粘贴
   😅，从一些表情网站上直接复制粘贴，就可以,例如这个网站：Emojiall。

2. 表情符号简码
   以冒号开头和结尾，并包含表情符号的名称
   😏 :smirk:
   😍 :heart_eyes:

数学向（这真的超酷）

Markdown 的数学公式吸纳了大部分的 Latex 语法, 你可以以一种简单的方式在 VS Code 中书写数学公式。

行内公式: 

单位圆 $x^2+y^2=1$

公式块:

$$
\begin{cases}
x=\rho\cos\theta \\
y=\rho\sin\theta \\
\end{cases}
$$

显示如下

行内公式:

单位圆 $x^2+y^2=1$

公式块:

$$\{\begin{array}{l}x=\rho \cos \theta \\ y=\rho \sin \theta \end{array}$$

1. 上标和下标

   上标 $x^2+y^{12}=1$
   标 $x_1+y_{12}=1$

2. 分式

   较小的行内行分数 $\frac{1}{2}$
   展示型的分式 $\frac{x+1}{x-1}$

3. 根式

   开平方 $\sqrt{2}$
   开 $n$ 次方 $\sqrt[n]{2}$

4. 累加、累乘

   累加 ${\sum }_{k=1}^n\frac{1}{k}\sum _{k=1}^n\frac{1}{k}$
   累乘 ${\prod }_{k=1}^n\frac{1}{k}\prod _{k=1}^n\frac{1}{k}$

5. 积分

   积分 ${\int }_0^{1}x\mathrm{d}x{\iint }_{D_{xy}}{\iiint }_{{\Omega }_{xyz}}$

6. 括号

   圆括号 ${\left(\sum _{k=1}^n\frac{1}{k}\right)}^2$

   方括号 ${\left[\sum _{k=1}^n\frac{1}{k}\right]}^2$

   花括号 ${\left\{\sum _{k=1}^n\frac{1}{k}\right\}}^2$

   尖括号 ${⟨\sum _{k=1}^n\frac{1}{k}⟩}^2$

7. 多行算式

   居中:
   $$\begin{array}{rl}y& =(x+5{)}^2-(x+1{)}^2\\ & =(x^2+10x+25)-(x^2+2x+1)\\ & =8x+24\end{array}$$

   左对齐:

   $
   \begin{aligned}
   y &=(x+5)^2-(x+1)2 \
   &=(x^2+10x+25)-(x2+2x+1) \
   &=8x+24 \
   \end{aligned}
   $

8. 方程组

   $$\{\begin{array}{l}{k}_{11}{x}_1+k_{12}{x}_2+\cdots +k_{1n}{x}_n=b_1\\ k_{21}{x}_1+k_{22}{x}_2+\cdots +k_{2n}{x}_n=b_2\\ \cdots \\ k_{n1}{x}_1+k_{n2}{x}_2+\cdots +k_{nn}{x}_n=b_n\end{array}$$

9. 矩阵
   矩阵:

   $$\left(\begin{array}{cccc}1& 1& \cdots & 1\\ 1& 1& \cdots & 1\\ ⋮& ⋮& \ddots & ⋮\\ 1& 1& \cdots & 1\end{array}\right)$$

   $$\left[\begin{array}{cccc}1& 1& \cdots & 1\\ 1& 1& \cdots & 1\\ ⋮& ⋮& \ddots & ⋮\\ 1& 1& \cdots & 1\end{array}\right]$$

   行列式:

   $$\left|\begin{array}{cccc}1& 1& \cdots & 1\\ 1& 1& \cdots & 1\\ ⋮& ⋮& \ddots & ⋮\\ 1& 1& \cdots & 1\end{array}\right|$$