Markdown 学习总结笔记合集

Markdow 简介

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

千万不要被「标记」、「语言」吓到，Markdown的语法十分简单，常用的标记符号不超过十个，用于日常写作记录绰绰有余，不到半小时就能完全掌握。

就是这十个不到的标记符号，却能让人优雅地沉浸式记录，专注内容而不是纠结排版，达到「心中无尘，码字入神」的境界。

基本语法

标题

一种是用 =或-
一种是用 #

  • 第一形式
# 一级标题

## 二级标题
  • 第二形式
# 一级标题

## 二级标题

### 三级标题

#### 四级标题

##### 五级标题

###### 六级标题
  • #后面要加空格
  • 一个#是一级标题，二个#是二级标题，以此类推。支持六级标题。

段落

换行

Markdown 段落没有特殊的格式，直接编写文字就好

  • 段落的换行是使用两个以上空格加上回车
  • 也可以在段落后面使用一个空行来表示重新开始一个段落

分隔符

在 Markdown 分隔符需要使用 * 或 - 或 _来建立

  • * 或 - 或 _都需要三个及其以上
  • * 或 - 或 _可以在中间插入空格，但不能在行内存在其他内容
  • * 或 - 或 _，当前后都有段落时，请空出一行

代码示例：

---

- - -

___

_ _ _

***

* * *

示例效果：

字体

粗斜体

粗、斜体有两种写法，一种是用 * ，一种是用 _ 包裹住你要改变的内容

在 * 或 _ 与内容要紧贴着，之前不能用空格

  • 一个*或一个_ 是斜体
  • 两个*或两个_ 是粗体
  • 三个*或三个_ 是粗斜体

代码示例：

_斜体文本_
_斜体文本_
**粗体文本**
**粗体文本**
**_粗斜体文本_**
**_粗斜体文本_**

示例效果：

斜体文本
斜体文本
粗体文本
粗体文本
粗斜体文本
粗斜体文本

划线

在 MarkDown 中没有上划线和下划线的自身语法，只有删除线(中划线)的语法，但可以通过其他方式实现

  • 上划线可以通过 Latex 公式实现
  • 删除线(中划线)
  • 下划线使用 HTML 语法或 Latex 公式 实现

代码示例：

<!--通过Latex公式实现上划线-->

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

~~删除线~~

<!--通过Latex公式实现下划线-->

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

<!--通过HTML标签实现下划线-->

<u>下划线</u>

示例效果：

\(\overline{\text{上划线}}\)

删除线

\(\underline{\text{下划线}}\)

下划线

列表

无序列表

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

代码示例：

- 无序列表项，使用 `-` + `空格`
+ 无序列表项，使用 `+` + `空格`
* 无序列表项，使用 `*` + `空格`

示例效果：

  • 无序列表项，使用 - + 空格
  • 无序列表项，使用 + + 空格
  • 无序列表项，使用 * + 空格

有序列表

列表内容前可使用 数字+空格来表示有序列表
有序列表会自动给你的列表项按照阿拉伯数字顺序添加数字

代码示例：

1. 第一项
2. 第二项
4. 第三项

示例效果：

  1. 第一项
  2. 第二项
  3. 第三项

列表嵌套

代码示例：

1. 有序列表第一项 A
    - A 的第一项无序列表子项 a1
        1. a1 的第一项有序列表子项 a1a
        1. a1 的第二项有序列表子项 a1b
    - A 的第二项无序列表子项 a2
2. 有序列表第一项 B
    B 的第一行文本内容
    B 的第二行文本内容

示例效果：

  1. 有序列表第一项 A
    • A 的第一项无序列表子项 a1
      1. a1 的第一项有序列表子项 a1a
      2. a1 的第二项有序列表子项 a1b
    • A 的第二项无序列表子项 a2
  2. 有序列表第一项 B
    B 的第一行文本内容
    B 的第二行文本内容

引用

简单块引用

在Markdown中使用 > + 空格 来表示块引用

当需要换行时，可以在前方不加 >

需要新板块可以空出一行

代码示例

> 换行可以不加 `>`  
 我前面没有 `>`

> 如果需要新的一块，块引用则空出一行重新在文本前方使用 `>`

示例效果

换行可以不加 >
我前面没有 >

如果需要新的一块，块引用则空出一行重新在文本前方使用 >

区块引用的嵌套

区块引用可以进行嵌套，只需使用多个 >

嵌套区块引用使用 > 的个数，代表着嵌套的深度
嵌套区块引用中 > 之间可以不用空格隔开

代码示例

>> 第二层

> 第一层
> > 第二层

> 第一层
> > > 第三层

示例效果

第二层

第一层

第二层

第一层

第三层

区块引用与列表嵌套

列表里面可以使用区块引用，区块引用中也可以使用列表

  • 列表中使用区块引用

代码示例

1. 有序列表 A
    > 引用区块
    1. 有序列表 Aa
        > 引用区块
    > 区块
2. 有序列表 B

示例效果

  1. 有序列表 A

    引用区块

    1. 有序列表 Aa

      引用区块

    引用区块

  2. 有序列表 B
  • 区块引用中使用列表

代码示例

> - 这序列表 A
> - 无序列表 B
>     * 子列表需要在 `>` 后面加入四个空格

示例效果

  • 这序列表 A
  • 无序列表 B
    • 子列表需要在 > 后面加入四个空格

代码

代码段

文本段中使用代码段,就用反引号包裹住
代码示例

文本段中使用`代码段`,就用反引号包裹住

示例效果
文本段中使用代码段,就用反引号包裹住

代码区块

使用三个引号包裹代码块，引号是放在最前方

代码示例

- 每行文字前加4个空格
- 每行文字前加1个<kbd>tab</kbd>键
- 使用三个反引号```包裹一段代码，在第一个```后面可以指定代码语言，显示代码高亮，也可以不指定语言

示例效果

  • 每行文字前加4个空格
  • 每行文字前加1个tab键
  • 使用三个反引号包裹一段代码，在第一个后面可以指定代码语言，显示代码高亮，也可以不指定语言

链接

简单链接

格式：

注：文字说明可以通过鼠标悬浮链接上查看

代码示例

百度 [百度](https://www.baidu.com/)  
百度 [百度](https://www.baidu.com/ "百度搜索")  
百度 <https://www.baidu.com/>

示例效果

百度 百度
百度 百度
百度 https://www.baidu.com/

高级链接

可以使用变量来调用链接

使用变量要记得在文档的结尾为变量赋值

代码示例

[百度][1]
[谷歌][2]

然后在文档的结尾为变量赋值（网址）

[1]: https://www.baidu.com/
[2]: http://www.google.com/

示例效果

百度
谷歌

然后在文档的结尾为变量赋值（网址）

图片

与插入跟链接的方法区别在于前面加了个感叹号

插入图片Markdown语法代码：![图片alt](图片链接 "图片title")。

对应的HTML代码：<img src="图片链接" alt="图片alt" title="图片title">

代码示例

    ![图片alt](https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg9.51tietu.net%2Fpic%2F2019-091303%2Fqyi3paeq420qyi3paeq420.jpg&refer=http%3A%2F%2Fimg9.51tietu.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1644417436&t=fbec8c339cbc7244582547dcea410310 "图片title")

    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg9.51tietu.net%2Fpic%2F2019-091303%2Fqyi3paeq420qyi3paeq420.jpg&refer=http%3A%2F%2Fimg9.51tietu.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1644417436&t=fbec8c339cbc7244582547dcea410310" alt="图片alt" title="图片title">

示例效果

图片alt

图片alt

表格

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

表格对齐放方式

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

代码示例

|  表头一   | 靠左对齐  |  靠右对齐  |   居中对齐  |
| :----- | :-----| ----: | :----: |
| 单元格1 | 单元格2 | 单元格3 | 单元格4 |
| 单元格11 | 单元格22 | 单元格33 | 单元格44 |
| 单元格111 | 单元格222 | 单元格333 | 单元格444 |
| 单元格1111 | 单元格2222 | 单元格3333 | 单元格4444 |

示例效果

表头一 靠左对齐 靠右对齐 居中对齐
单元格1 单元格2 单元格3 单元格4
单元格11 单元格22 单元格33 单元格44
单元格111 单元格222 单元格333 单元格444
单元格1111 单元格2222 单元格3333 单元格4444

目录

在需要目录出现的地方（一般在文章一开始）放置一个标记，这样会自动生成一个嵌套的包含所有标题的列表。

本文目录示例
- [Markdow 简介](#markdow-简介)
- [基本语法](#基本语法)
  - [标题](#标题)
  - [段落](#段落)
    - [换行](#换行)
    - [分隔符](#分隔符)
  - [字体](#字体)
    - [粗斜体](#粗斜体)
    - [划线](#划线)
  - [列表](#列表)
    - [无序列表](#无序列表)
    - [有序列表](#有序列表)
    - [列表嵌套](#列表嵌套)
  - [引用](#引用)
    - [简单块引用](#简单块引用)
    - [区块引用的嵌套](#区块引用的嵌套)
    - [区块引用与列表嵌套](#区块引用与列表嵌套)
  - [代码](#代码)
    - [代码段](#代码段)
    - [代码区块](#代码区块)
  - [链接](#链接)
    - [简单链接](#简单链接)
    - [高级链接](#高级链接)
  - [图片](#图片)
  - [表格](#表格)
  - [目录](#目录)
- [参考](#参考)

参考

Markdown官方教程
菜鸟教程

posted @ 2022-01-15 15:08  My-Fate  阅读(121)  评论(0)    收藏  举报