自学内容网 自学内容网

markdown常用语法

🍓 简介:java系列技术分享(👉持续更新中…🔥)
🍓 初衷:一起学习、一起进步、坚持不懈
🍓 如果文章内容有误与您的想法不一致,欢迎大家在评论区指正🙏
🍓 希望这篇文章对你有所帮助,欢迎点赞 👍 收藏 ⭐留言 📝

🍓 更多文章请点击
在这里插入图片描述在这里插入图片描述

前言

Markdown 是一种轻量级的标记语言,文件名的末尾是.md,旨在用简单的语法实现易读易写的文本格式。它被广泛用于编写文档、博客、论坛帖子等。

一、标题

语法:# (一级标题) ## (二级标题) ### (三级标题) …

# 这是一级标题
## 这是二级标题

1.1 目录-CSDN

@[TOC](这里写自定义目录标题)

1.2.空格符

一个字宽度
 

一个字母宽度
 

不换行空格  常规宽度
 

半个字母空格
 

二、段落

2. 1 换行

这是一个段落  enter
这是一个段落  shift + enter

2.2 分割线

语法: ---或者***+回车

三、文字显示

3.1 字体

语法:

  • 粗体: 用一对双星号包裹
  • 删除线: 用一对双飘号包裹
  • 下划线: 用一对u标签包裹
  • 斜体: 用一对单星号包裹
  • 高亮: 用一对双等号包裹

代码:

**这是粗体**
~~这是删除线~~
<u>这是下划线</u>
*这是斜体*
==这是高亮==

效果:
这是粗体
这是删除线
这是下划线
这是斜体
这是高亮

3.2 上下标

代码:

x^2^
H~2~O

效果:
x2
H2O

四、列表

4.1 无序列表

*/-/+ +空格

效果:
1.只有同一级别:

  • 苹果
  • 香蕉
  • 橘子

2.子集类:

  • 一级分类
  • 二级分类
    • 三级分类

4.2 有序列表

数字+.+空格

效果:

  1. 第一个标题
  2. 第二个标题
  3. 第三个标题

4.3 任务列表

代码:

- [ ] 吃早餐
- [ ] 背单词

效果:

  • 吃早餐
  • 背单词

五、区块显示

>+回车

效果:
这是最外层区块

这是内层区块

六、代码显示

6.1 行内代码

`int a=0;`(说明:`位于Esc下面)

效果:
int a=0;

6.2 代码块

```js/java/c#/text
内容
```

效果

内容

七、链接

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

效果:
百度一下

八、图片插入

![图片](https://img-home.csdnimg.cn/images/20220524100510.png)

图片: Alt

九、表格

|  1   |  2   |  3   |
| :--- | :--: | ---: |
|  4   |  5   |  6   |
|  7   |  8   |  9   |
|  10  |  11  |  12  |
123
456
789
101112

十、流程图

10.1 横向流程图

```mermaid
graph LR
A[方形]==>B(圆角)
B==>C{条件a}
C-->|a=1|D[结果1]
C-->|a=2|E[结果2]
F[横向流程图]
G[WDFH1]
```

效果:

a=1
a=2
方形
圆角
条件a
结果1
结果2
横向流程图

10.2 竖向流程图

```mermaid
graph TD
A[方形]==>B(圆角)
B==>C{条件a}
C-->|a=1|D[结果1]
C-->|a=2|E[结果2]
F[竖向流程图]
```

效果:

a=1
a=2
方形
圆角
条件a
结果1
结果2
竖向流程图

十一、表情符号

代码:

:cry:、:man:

效果:
😢、 👨

十二、关系运算符

输入显示输入显示输入显示
\pm(\mp) ± ( ∓ ) \pm(\mp) ±()\times × \times ×\div ÷ \div ÷
\nmid ∤ \nmid \cdot ⋅ \cdot \mid ∣ \mid
\bigodot ⨀ \bigodot \bigotimes ⨂ \bigotimes \bigoplus ⨁ \bigoplus
\ge ≥ \ge \le ≤ \le \ll ≪ \ll
\geqslant ⩾ \geqslant \leqslant ⩽ \leqslant \neq ≠ \neq =
\approx ≈ \approx \xlongequal{文本} = 文本 \xlongequal{文本} 文本 \triangleq ≜ \triangleq
\sim ∼ \sim \doteq ≐ \doteq \equiv ≡ \equiv
\cong ≅ \cong \propto ∝ \propto \parallel ∥ \parallel
\prec ≺ \prec

十三、文字颜色

  • 适用新旧浏览器
 $\color{颜色}{文字}$
输入显示输入显示输入显示
black c o l o r \color{black}{color} colorgrey c o l o r \color{grey}{color} colorsilver c o l o r \color{silver}{color} color
white c o l o r \color{white}{color} colormaroon c o l o r \color{maroon}{color} colorred c o l o r \color{red}{color} color
yellow c o l o r \color{yellow}{color} colorlime c o l o r \color{lime}{color} colorolive c o l o r \color{olive}{color} color
green c o l o r \color{green}{color} colorteal c o l o r \color{teal}{color} colorauqa c o l o r \color{auqa}{color} color
blue c o l o r \color{blue}{color} colornavy c o l o r \color{navy}{color} colorpurple c o l o r \color{purple}{color} color
fuchsia c o l o r \color{fuchsia}{color} color
  • 适用新版浏览器
$\color{#rgb}{文字}$    (注:其中r、g、b可以输入0~9和a~f来分别表示红色、绿色和蓝色的纯度)
输入输出输入输出输入输出输入输出
#000 c o l o r \color{#000}{color} color#005 c o l o r \color{#005}{color} color#00A c o l o r \color{#00A}{color} color#00F c o l o r \color{#00F}{color} color
#500 c o l o r \color{#500}{color} color#505 c o l o r \color{#505}{color} color#50A c o l o r \color{#50A}{color} color#50F c o l o r \color{#50F}{color} color
#A00 c o l o r \color{#A00}{color} color#A05 c o l o r \color{#A05}{color} color#A0A c o l o r \color{#A0A}{color} color#A0F c o l o r \color{#A0F}{color} color
#F00 c o l o r \color{#F00}{color} color#F05 c o l o r \color{#F05}{color} color#F0A c o l o r \color{#F0A}{color} color#F0F c o l o r \color{#F0F}{color} color
#050 c o l o r \color{#050}{color} color#055 c o l o r \color{#055}{color} color#05A c o l o r \color{#05A}{color} color#05F c o l o r \color{#05F}{color} color
#550 c o l o r \color{#550}{color} color#555 c o l o r \color{#555}{color} color#55A c o l o r \color{#55A}{color} color#55F c o l o r \color{#55F}{color} color
#A50 c o l o r \color{#A50}{color} color#A55 c o l o r \color{#A55}{color} color#A5A c o l o r \color{#A5A}{color} color#A5F c o l o r \color{#A5F}{color} color
#F50 c o l o r \color{#F50}{color} color#F55 c o l o r \color{#F55}{color} color#F5A c o l o r \color{#F5A}{color} color#F5F c o l o r \color{#F5F}{color} color
#0A0 c o l o r \color{#0A0}{color} color#0A5 c o l o r \color{#0A5}{color} color#0AA c o l o r \color{#0AA}{color} color#0AF c o l o r \color{#0AF}{color} color
#5A0 c o l o r \color{#5A0}{color} color#5A5 c o l o r \color{#5A5}{color} color#5AA c o l o r \color{#5AA}{color} color#5AF c o l o r \color{#5AF}{color} color
#AA0 c o l o r \color{#AA0}{color} color#AA5 c o l o r \color{#AA5}{color} color#AAA c o l o r \color{#AAA}{color} color#AAF c o l o r \color{#AAF}{color} color
#FA0 c o l o r \color{#FA0}{color} color#FA5 c o l o r \color{#FA5}{color} color#FAA c o l o r \color{#FAA}{color} color#FAF c o l o r \color{#FAF}{color} color
#0F0 c o l o r \color{#0F0}{color} color#0F5 c o l o r \color{#0F5}{color} color#0FA c o l o r \color{#0FA}{color} color#0FF c o l o r \color{#0FF}{color} color
#5F0 c o l o r \color{#5F0}{color} color#5F5 c o l o r \color{#5F5}{color} color#5FA c o l o r \color{#5FA}{color} color#5FF c o l o r \color{#5FF}{color} color
#AF0 c o l o r \color{#AF0}{color} color#AF5 c o l o r \color{#AF5}{color} color#AFA c o l o r \color{#AFA}{color} color#AFF c o l o r \color{#AFF}{color} color
#FF0 c o l o r \color{#FF0}{color} color#FF5 c o l o r \color{#FF5}{color} color#FFA c o l o r \color{#FFA}{color} color#FFF c o l o r \color{#FFF}{color} color

十四、支持的HTML元素

14.1 文本居中

<center>内容</center>

效果

内容

14.2 加粗

<b>加粗</b>

效果:

加粗

14.3 倾斜

<i>倾斜</i>

效果:
倾斜

14.4 上下标

开始<sup>123hi你好</sup>
开始<sub>321hi你好</sub>

效果:
开始123hi你好
开始321hi你好

在这里插入图片描述在这里插入图片描述


原文地址:https://blog.csdn.net/qq_41805567/article/details/143690145

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!