MarkDown语法浅析：基础语法篇-CSDN博客

本文链接：https://blog.csdn.net/m0_57158496/article/details/128179571

本篇学习笔记简述MarkDown基础语法。掌握了“MarkDown基本语法+简单HTML5标签”的综合运用，就可以把CSDN博文搞得美美哒✌

(本文获得CSDN质量评分【91】)

【学习的细节是欢悦的历程】

Python 官网：https://www.python.org/
Free：大咖免费“圣经”教程《 python 完全自学教程》，不仅仅是基础那么简单……

自学并不是什么神秘的东西，一个人一辈子自学的时间总是比在学校学习的时间长，没有老师的时候总是比有老师的时候多。
—— 华罗庚

漂亮博文离不开语法+标签 MarkDown语法浅析 (MarkDoen基本语法HTML5标签)

本文质量分：

【 91 】本文地址： https://blog.csdn.net/m0_57158496/article/details/128179571

CSDN质量分查询入口：http://www.csdn.net/qc

知悉一些MarkDown语法，配合一定的HTML5标签，用纯文本编辑器也能把CSDN博文也写得漂漂亮亮的。如果您也跟我一样用纯文本编辑CSDN博文源码，请继续往下浏览……

1、目录收集

目录收集。收集全文所有行首带#字符的行(目录行和标题行)。

1.1 语法

@[TOC](目录标题)

爱它+中括号+小括号，中间不可以有空格，TOC一定大写。一定顶行写起上下行最好是空行，不然可能失效。效果见前面本笔记目录和下图示例。
这样收集形成的目录列表条目，有页内跳转的能力，我也是上周阅读大lao文章，慕其目录列表的漂亮明了，仔细“研究”会了“目录列表”收集的“指令”。之前，都一直傻傻地用HTML5标签在学习笔记文章内设置页内跳转。😭😭😭


@[TOC](◆ MarkDown语法浅析【基础语法】)<!-- 目录收集。收集全文行首带#字符的行 -->
@[TOC](这里写目录标题) <!-- 效果见下面截图 -->

1.2 目录收集效果

在这里插入图片描述

回页目录

2、#字符是目录、标题专属字符

2.1 语法

一定顶行写起上下行最好是空行，不然可能失效。#后一定有一英文空格。字体依层级递减最多六个。目录和标题用法一致。效果相当于HTML5的h标签，也是六个层级。

标签HTML5 源码

<h1>HTML5的h标签</h1>
<h2>HTML5的h标签</h2>
<h3>HTML5的h标签</h3>
<h4>HTML5的h标签</h4>
<h5>HTML5的h标签</h5>
<h6>HTML5的h标签</h6>

h标签效果
在这里插入图片描述


# 一级目录
## 二级目录
### 三级目录

<hr> <!-- 横线标签 -->

标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

2.2 显示效果

在这里插入图片描述

回页目录

3、文本样式

3.1 斜体

文本前后紧接成对的英文星号或下划线。效果相当于HTML5的i标签。


*强调文本* _强调文本_

强调文本 强调文本

3.2 粗体

文本前后紧接成对的英文双星号或双下划线。效果相当于HTML5的b标签。


**加粗文本** __加粗文本__

加粗文本 加粗文本

3.3 标记

文本前后紧接成对的双英文等于符号。效果相当于HTML5的mark标签。


==标记文本==

标记文本

3.4 删除

文本前后紧接成对的英文双~符号。效果相当于~~HTML5的del标签~~、 ~~strike标签~~ 、~~s标签~~。


~~删除文本~~

~~删除文本~~

3.5 引用

文前紧接英文>大于符号，与文本间间一个英文空格。


> 引用文本

引用文本

3.6 下标

文本前后紧接成对的英文~符号。效果相当于HTML5的_sub标签，如O₂是氧气，CO₂是二氧化碳。


H~2~O is 液体。

H₂O is 液体。

3.7 幂次方^(上标)

文前后紧接成对的英文星号或下划线。效果相当于HTML5的^sup标签，如3² = 9。


2^10^ 运算结果是 1024。

2¹⁰ 运算结果是 1024。

公差 5.0^+0.3_-0.3

回页目录

4、列表

4.1 语法

-、*、+，个字符作用相同。


- 项目
  * 项目
    + 项目

1. 项目1
2. 项目2
3. 项目3

- [ ] 计划任务
- [x] 完成任务

4.2 效果

项目
- 项目
  - 项目

项目1
项目2
项目3

计划任务
完成任务

回页目录

5、代码片

符号不是单引号，它的Ascii码值为96。三个成对用是多行显示，单个或两个，是单行显示，“圈”入的多行，也给您拉平。还可以三个~成对使，功能与此同。在前在的的三个符后打上语言名称，会用言语的标准代码显示囊括其中的代码。

下面展示一些：

5.1 源码

在这里插入图片描述

5.2 效果

内联代码片。

// A code block var foo = 'bar';

// A code block
var foo = 'bar';

// An highlighted block
var foo = 'bar';

#!/sur/bin/nve python 
# coding: utf-8 
s = "I'm Dream Elf of Chongqing."
print(f"\n\n{s}")

回页目录

6、链接

6.1 语法

[link](https://www.csdn.net/)

英文中括号紧跟英文圆括号中括号内放链接字符，圆括号内放链接地址_(url)。效果同HTML5的a标签。

链接: [link](https://www.csdn.net/)

6.2 效果

链接: link.

回页目录

7、图片

7.1 语法


![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)

就是在链接语法前加个英文感叹号，中括号内放图片说明，当无法加载图片时显示文字，同HTML5img标签的alt参数；圆括号内放图片地址_(url)。带尺寸在图片地后接一英文空格+=30×30，数字为长宽。图片居中在图片地址后紧跟#pic_center；带尺寸居中，#pic_center =30×30。效果同HTML5的img标签，如