Markdown 学习

以 Typora 为准

2023-10-5 ~ 2023-10-6

通过按“ Ctrl+/ ”来在Typora中查看源代码

1.1 入门

Hello World！

1.2 标题

一级标题

二级标题

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

1.3 段落

Markdown 语法中

我是第一段文字
我是第二段文字（通过一段的结尾上加上两个空格再回车来换行）

我是第一段文字

我是第二段文字（通过空一行来换行）

Typora 应用中

我是第一段文字
我是第二段文字 （按住Shift+Enter 换行）

我是第一段文字

我是第二段文字 （按住Enter 换段落）

1.4 字体

斜体 斜体
粗体 粗体
粗斜体 粗斜体

1.5 分割线

1.6 删除线

删除线

1.7 下划线

下划线

1.8 脚注

^[1] （脚注前面必须要有个空格）

2.1 无序列表

• 第一项

• 第二项

• 第三项

• 第一项

• 第二项

• 第三项

• 第一项

• 第二项

• 第三项

2.2 有序列表

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

2.3 列表嵌套

1. 第一项

   • 第二项

     • 第三项（通过在之前加四个空格来嵌套）

2. 第四项

2.4 区块

一般用于引用

我是区块

我是嵌套的区块

我是嵌套的区块

1. 第一项

2. 第二项

• 第三项

• 第四项

1. 第一项

   加了四个空格后的区块

2. 第二项

2.5 代码

printf()函数

#include<stdio.h>int main(){int a,b;scanf("%d%d",&a,&b);printf("%d\n",a+b);return 0;}//通过四个空格（一个Tab）来表示代码

#include<stdio.h>int main(){	int a,b;	scanf("%d%d",&a,&b);	printf("%d\n",a+b); 	return 0;}//用三个反引号来表示代码，这样还可以表示是什么代码

2.6 链接

按住 Ctrl+鼠标点击 那些文字打开

跳转到网页的超链接

第一种方法
百度

第二种方法
https://www.baidu.com/

第三种方法，用脚注
^[2]

连接其他文件

1. [C 语言笔记](../1. C 语言笔记.md)

2. 下述的方法中，用%20替换空格

跳转到本文章的某一位置

添加锚点：2.6 返回

添加链接:

1. 使用 HTML 的锚点<a>：

   • 添加链接：测试

2. 或使用 md 语法：

• 
  

• 测试

3. 跳转到标题（可用于制作目录）（就一级标题不行）

• 跳转到本文章的某一位置

• 三级标题

2.7 图片

这里是上传到博客后，自定义的路径，到时候会被自动替换成http开头的网址路径的

使用 ../../Markdown学习中的测试图片.jpg
或 D:\elric\Markdown学习中的测试图片.jpg

2.8 表格

3.1 支持 HTML 元素

支持<kbd> <b> <i> <em> <sup> <sub> <br>等
如： 使用 Ctrl+Alt+Del 重启电脑

3.2 转义符号

使用转义符号“\”来表示难以使用的符号
\ 反斜线
` 反引号
* 星号
_ 下划线
{} 花括号
[] 方括号
() 小括号
# 井字号
+ 加号
- 减号
. 英文句点
! 感叹号

3.3 数学公式

$f(x)=2^x+1$

$$\begin{Bmatrix} a & b \\ c & d \end{Bmatrix}$$

$$\begin{CD} A @>a>> B \\ @VbVV @AAcA \\ C @= D \end{CD}$$

3.4 流程图

甘特图、时序图与流程图的区别:

甘特图（Gantt chart）、时序图（sequence diagram）和流程图（flowchart）是三种不同的图表类型，用于表示不同方面的信息。

区别如下：

1. 甘特图：甘特图是一种时间管理工具，用于显示项目各个任务的时间安排和进度。它以时间为横轴，任务或活动为纵轴，在图表中以条形图的形式展示任务的开始时间、结束时间和持续时间。甘特图主要关注任务的时间安排和进度控制，用于帮助项目管理者进行项目计划和跟踪。
2. 时序图：时序图是一种 UML 图，用于描述系统中对象之间的交互流程。它主要表示对象之间的时序关系和消息传递顺序。时序图以时间为轴，通过纵向的生命线表示对象，并使用实线箭头表示对象之间的消息传递。时序图用于展示对象之间的交互行为，帮助开发人员理解系统的动态行为。
3. 流程图：流程图是一种图形化表示流程或算法的图表，用于展示过程的控制流程和操作步骤。它由不同的图形符号（如矩形、菱形、圆角矩形等）组成，表示开始节点、结束节点、判断条件、操作步骤等。流程图主要用于描述系统或过程的逻辑流程和操作步骤，帮助人们理解和分析系统的流程。

总而言之，甘特图用于时间管理和项目进度展示，时序图用于对象之间的交互行为描述，流程图用于系统流程和操作步骤的展示。它们各自关注的内容和目的有所不同。

1、横向流程图源码格式：

2、竖向流程图源码格式：

3、标准流程图源码格式：

st=>start: 开始框op=>operation: 处理框cond=>condition: 判断框(是或否?)sub1=>subroutine: 子流程io=>inputoutput: 输入输出框e=>end: 结束框st->op->condcond(yes)->io->econd(no)->sub1(right)->op

4、标准流程图源码格式（横向）：

st=>start: 开始框op=>operation: 处理框cond=>condition: 判断框(是或否?)sub1=>subroutine: 子流程io=>inputoutput: 输入输出框e=>end: 结束框st(right)->op(right)->condcond(yes)->io(bottom)->econd(no)->sub1(right)->op

5、UML 时序图源码样例：

对象A->对象B: 对象B你好吗?（请求）Note right of 对象B: 对象B的描述Note left of 对象A: 对象A的描述(提示)对象B-->对象A: 我很好(响应)对象A->对象B: 你真的好吗？

6、UML 时序图源码复杂样例：

Title: 标题：复杂使用对象A->对象B: 对象B你好吗?（请求）Note right of 对象B: 对象B的描述Note left of 对象A: 对象A的描述(提示)对象B-->对象A: 我很好(响应)对象B->小三: 你好吗小三-->>对象A: 对象B找我了对象A->对象B: 你真的好吗？Note over 小三,对象B: 我们是朋友participant CNote right of C: 没人陪我玩

7、UML 标准时序图样例：

8、甘特图样例：

3.5 任务列表

• 吃水果

• 去睡觉

• 去看书

3.6 表情符号

直接用符号:
去露营了！⛺ 很快回来。
真好笑！😂

用符号简码：
去露营了！ ⛺ 很快回来。
真好笑！ 😂

3.7 自动网站链接

直接输入网站，会自动将网站转换成链接，除非加反引号
https://www.baidu.com/
https://www.baidu.com/

3.8 高亮

我是高亮文字

注释：

2.6 链接：（按Ctrl+左键点击）

测试（这是锚点） （点我返回（这是超链接））