Markdown Learning（仅供个人学习参考使用）

最新推荐文章于 2024-09-07 12:03:39 发布

豆酥糖

最新推荐文章于 2024-09-07 12:03:39 发布

阅读量155

点赞数 7

文章标签：学习前端

本文链接：https://blog.csdn.net/2302_77283790/article/details/134935200

版权

最近的事情已经多到让我身心俱疲的地步了，一直没时间写，而且遇到了很多问题（代码写不出来）。今天抽空晚上10点学一会，不然离自己的目标越来越远了~~希望尽快度过10月份吧。

仅作学习使用，本篇为B站UP主我是何方Markdown教学视频的学习笔记

标题的使用

用#的方式

一级标题“# 标题1 ”（#后必须带空格）
二级标题“## 标题2 ”
…
一直到六级标题“###### 标题六”

用===或—的方式

一级标题：在段落后面加三个以上===
二级标题：在段落后面加三个以上—

段落的使用和换行

markdown中直接输入即为段落

注意：段落前不能有超过一个空白字符（空格、制表符）。若超过，该文本会生成代码块而不是段落。
段落后面也不能有超过一个空白字符（空格、换行符），若超过一个换行符，会生成两个段落，若超过一个空格，会生成换行标签。

字体样式

粗体

这是粗体
如下所示

**这是粗体**  
__这是粗体__

斜体

这是斜体
如下所示

 *这是斜体*  
 _这是斜体_

粗斜体

这是粗斜体
如下所示

***这是粗斜体***    
___这是粗斜体___  
**_这是粗斜体_**
__*这是粗斜体*__

删除线

~~这是斜体~~
如下所示

 ~~这是斜体~~

列表

有序列表

以开头数字递增

如下所示
```
  1. 有序列表  
  2. 有序列表
  3. 有序列表
     1. 有序列表
     2. 有序列表
```
1. 有序列表
2. 有序列表
3. 有序列表
  1. 有序列表
  2. 有序列表
无序列表

如下所示

1.以-开头
- 无序列表1
- 无序列表1
```
  - 无序列表
  - 无序列表
```
以*开头

无序列表
无序列表
```
  * 无序列表
  * 无序列表
```

以+开头

无序列表
无序列表
```
  + 无序列表
  + 无序列表  
```

任务列表

有序任务列表

已选中
未选中
```
 1. [x] 已选中  
 2. [ ] 未选中
```

无序任务列表

已选中
未选中
```
  - [x] 已选中  
  - [ ] 未选中
```

引用

这是引用

> 这是引用

代码块

行内代码

这是行内代码，使用两个`来引用

这是行内`代码`，出现`的情况
```
这是行内`代码`    
这是行内`` `代码` ``
```
代码块

在文本前加四个空格或者一个制表符
```
    这是代码
```

围栏式代码块（最常用）

用三个```

int main()
{
    return 0;
}

用三个~~~

int main()
{
    return 0;
}

分割线

在一行中存在三个或以上的星号（*），减号（-），下划线（_）

***

---

___

超链接

常用带名称

The beansugar’s Blog

[The beansugar's Blog](https://github.com/beansugar001)

链接到其他Markdown页面

Markdown标题

[Markdown标题](./标题)

无标签链接

http://www.baidu.com/

<http://www.baidu.com/>

无标签邮箱链接

123456@gmain.com

<nanpan672@gmain.com>

添加title（鼠标移上去后出现的详情页面）

Markdown标题

[Markdown标题](./标题 "nihao")

自动超链接

解析器会自动解析https://www.baidu.com/

解析器会自动解析https://www.baidu.com/

链接样式

可在[]内添加样式（或整个）

百度

[**百度**](https://www.baidu.com/)

图片

图片
带链接的图片
带title（鼠标放上会有解释）的图片

emoji表情

-😄
-✈️

内嵌HTML和react

直接写就行

#表格

表格使用竖线|区分每一列，在表头和表格体之间用至少三个减号-来做分隔

第一列	第二列	第三列
一行一列	一行二列	一行三列
二行一列	二行二列	三行三列

    |第一列|第二列|第三列|    
    |---|---|---|
    |一行一列|一行二列|一行三列|  
    |二行一列|二行二列|三行三列|

表格的对齐方式

左对齐在左边加:,右对齐在右边加:,居中对齐在两边加:

第一列1111111111	第二列222222222222	第三列333333333333
一行一列	一行二列	一行三列
二行一列	二行二列	三行三列

|第一列|第二列|第三列|    
|:---|---:|:---:|
|一行一列|一行二列|一行三列|  
|二行一列|二行二列|三行三列|

可在表格内使用其他元素

如斜体、粗体、超链接、行内代码图片、emoji等

1	2
粗体	斜体
`行内代码`	超链接
🐱	等

脚注

基本用法

    [^基本用法]:内容1111  

    [^基本用法]

行内脚注

    ^[行内脚注]

作为常量

再其他地方可以应引用
好处：可以增加代码的可读性和整洁性

公式

常用公式

markdown本身没有公式，但支持kates的语法。

用两个$来包裹起来

$a^2=b^2+c^2$

$a^2=b^2+c^2$

块公式

前后各用两个$$包裹，各自独占一行

$f(x)=\int_{-\infty}^\infty \hat{f}(\xi),e^{2 \pi i \xi x}\,d\xi$

$$
f(x)=\int_{-\infty}^\infty
    \hat{f}(\xi),e^{2 \pi i \xi x}\,d\xi
$$

图表

markdown本身不支持图标，但支持许多图表解释，如mermaid。

流程图

```mermaid
flowchart LR
    A[直角矩形]-->|链接文本|B(矩形)
    B-->C{选择}
    C-->|一|D[结果一]
    C-->|二|E[结果二]
```

时序图
类图
状态图实体关系图
用户旅行图
甘特图
需求图
Git记录图
C4模拟图

注释

markdown本身不支持注释，但大部分解释器都是支持markdown的注释表的

<?注释内容>

注释内容 ↩︎
行内脚注 ↩︎

豆酥糖

关注

7
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
Markdown Learning（仅供个人学习参考使用）

markdown
复制链接

扫一扫