🍓 简介:java系列技术分享(👉持续更新中…🔥)
🍓 初衷:一起学习、一起进步、坚持不懈
🍓 如果文章内容有误与您的想法不一致,欢迎大家在评论区指正🙏
🍓 希望这篇文章对你有所帮助,欢迎点赞 👍 收藏 ⭐留言 📝🍓 更多文章请点击
文章目录
- 前言
- 一、标题
- 1.1 目录-CSDN
- 1.2.空格符
- 二、段落
- 2. 1 换行
- 2.2 分割线
- 三、文字显示
- 3.1 字体
- 3.2 上下标
- 四、列表
- 4.1 无序列表
- 4.2 有序列表
- 4.3 任务列表
- 五、区块显示
- 六、代码显示
- 6.1 行内代码
- 6.2 代码块
- 七、链接
- 八、图片插入
- 九、表格
- 十、流程图
- 10.1 横向流程图
- 10.2 竖向流程图
- 十一、表情符号
- 十二、关系运算符
- 十三、文字颜色
- 十四、支持的HTML元素
- 14.1 文本居中
- 14.2 加粗
- 14.3 倾斜
- 14.4 上下标
前言
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 有序列表
数字+.+空格
效果:
- 第一个标题
- 第二个标题
- 第三个标题
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)
图片:
九、表格
| 1 | 2 | 3 |
| :--- | :--: | ---: |
| 4 | 5 | 6 |
| 7 | 8 | 9 |
| 10 | 11 | 12 |
1 | 2 | 3 |
---|---|---|
4 | 5 | 6 |
7 | 8 | 9 |
10 | 11 | 12 |
十、流程图
10.1 横向流程图
```mermaid
graph LR
A[方形]==>B(圆角)
B==>C{条件a}
C-->|a=1|D[结果1]
C-->|a=2|E[结果2]
F[横向流程图]
G[WDFH1]
```
效果:
10.2 竖向流程图
```mermaid
graph TD
A[方形]==>B(圆角)
B==>C{条件a}
C-->|a=1|D[结果1]
C-->|a=2|E[结果2]
F[竖向流程图]
```
效果:
十一、表情符号
代码:
: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} color | grey | c o l o r \color{grey}{color} color | silver | c o l o r \color{silver}{color} color |
white | c o l o r \color{white}{color} color | maroon | c o l o r \color{maroon}{color} color | red | c o l o r \color{red}{color} color |
yellow | c o l o r \color{yellow}{color} color | lime | c o l o r \color{lime}{color} color | olive | c o l o r \color{olive}{color} color |
green | c o l o r \color{green}{color} color | teal | c o l o r \color{teal}{color} color | auqa | c o l o r \color{auqa}{color} color |
blue | c o l o r \color{blue}{color} color | navy | c o l o r \color{navy}{color} color | purple | 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你好