Markdown如何使用

如何在CSDN上写文章？如何使用Markdown语法进行文章的编辑？相信是包括我在内的编辑小白普遍关注的问题。借花献佛，在此将我的一点理解分享给大家，可能不太全面，望见谅。
首先，我们可以看两个地方。第一部分可以直接选，第二部分可以点击语法说明，选中自己想要使用的语法，进行复制。

标题

1. 标题分为不同的级别，每一级的层次鲜明。假设第一级是大标题，那么第二级就是大标题下的小标题，第三级也就是第二级的小标题，依次理解。请看图。
2. 标题格式：#空格标题名`，另外两个标题之间要空一行。

标题的实现

# 圆括号`（）` 大标题1
# 单目操作符   大标题2
# 双目操作符   大标题3
	## 一、算术操作符* / %（乘除取余） 	3的小标题1
	## 二、算术操作符+ -（加减）       	3的小标题2
	## 三、移位操作符 << >>（左移和右移）	3的小标题3
	## 四、关系运算符 > < >= <=			3的小标题4
	## 五、关系运算符==和!=				3的小标题5
	## 六、按位操作符					3的小标题6
# 三目操作符（条件操作符）	大标题4
# 赋值运算符=				大标题5
# 逗号表达式					大标题6
# 杳杳碎碎念					大标题7

标题的目录显示：

文本样式

文本样式有很多，使用不同文本样式的作用：帮助突出显示文档中的重要信息，增强可读性和可视性。

不同文本样式的格式如下，若想加粗等，请按格式做。
注意：强调文本即斜体文本。
使用引用文本时，可以把想要引用的选中，点击上面引用，即全部纳入引用范畴。

为了便于理解，给大家举个简单的歌词例子，左为编辑，右为预览。¹
文本样式的展现：

我站在世界的屋顶
用放大镜看天地

发现太多的神奇

一起去寻觅 未知的命运

宁愿相信爱永不会绝迹，谁能忘记那些古老传奇

列表

列表在文档中用于列出项目、事项或信息，以便更清晰地组织和呈现内容。通过使用列表，可以使文本更易读，突出项目之间的关系，帮助读者快速浏览和理解信息
想使用列表，可以点击上面的有序，无序和代办。

列表可以嵌套使用，若要嵌套，进行缩进即可。也可选择上右边的语法说明，点击列表，进行复制。

为了便于理解，进行举例。

1.无序列表

-空格项目 or *空格项目 or +空格项目

2.有序列表

序号.空格名称

3. 待办列表

-空格[空格]空格名称,方括号内要么是X要么是空格。
待办列表的叉号，可以通过输入 [x]（26字母中的X） 或者 [X] 来表示已完成的任务，而输入 [-] 或者 [ ] 来表示未完成的任务。

• 上课
• 写作业
• 参加社团
• 考证
  

图片

1. 图片描述 是对图片的简短描述，通常会在图片加载失败时显示。
2. 图片链接 是指向图片的URL链接。

要想插入图片。需要提供图片的链接地址。
问题来了，我们该如何得知图片的链接地址？？？

1. 上传至图片托管网站：将图片上传至图片托管网站（如Imgur、TinyPic、GitHub等），这些网站会为每张上传的图片生成一个直接访问的链接地址，你可以复制该链接地址用于Markdown中的图片插入。

2. 右键复制图片地址：在网页上，右键点击图片，选择“复制图片地址”（具体选项可能因浏览器而异），就可以获取到该图片的直接链接地址。
   
   通过图片地址，插入图片，只需要改动地址即可，请看示例。复制图片地址，ctrl+v进行替换地址。
   

棋盘地址：https://img.xiumi.us/xmi/ua/4Noq8/i/46f1fa2abe9da6e3f52cffd5a59dc6a3-sz_53958.jpg?x-oss-process=style/xmwebp

ctrl+v得到插入的图片:

4. 查看图片属性：在一些网站上，你可以通过右键点击图片并选择“查看图片”或“查看图片属性”来获取图片的链接地址。

记住，在使用他人的图片时，请务必尊重版权，确保你有合法的使用权。

最直接的方法 (我一直用的) 是：点击上面的图片，进行选择图片（也可以 ctrl+shift+g）。

链接

创建链接有两种方式：行内链接和引用链接。

行内链接

语法:[[链接文本]](链接地址)

1. 链接文本是链接显示的文字。
2. 链接地址是链接指向的URL地址。
   
   例如:
   定风波
   这将创建一个链接，显示的文字为 “定风波”，点击链接将跳转到：https://baike.baidu.com/item/%E5%AE%9A%E9%A3%8E%E6%B3%A2%C2%B7%E8%8E%AB%E5%90%AC%E7%A9%BF%E6%9E%97%E6%89%93%E5%8F%B6%E5%A3%B0/2807984?fr=ge_ala。

目录

格式：@[toc]

代码块

在Markdown中使用代码块有两种常见的方式：行内代码和代码块。

行内代码

如果你想在文本中引用一小段代码，可以使用反引号 ` 将代码包裹起来。

printf("Hello, world!")

代码块

如果你有一段较长的代码需要展示，可以使用三个反引号 ```将代码块包裹起来，并指定代码的语言类型（可选）。
为了省事，可以选择上方的代码块，进行选择。

表格

表格可以包含多列和多行，可以通过增加竖线|来定义每一列的边界，并使用换行符来定义新的行。
在增加竖线 | 的同时，也要加 –|
现在请看一下简单的例子:

计算机系	机械系	热能工程系	外旅系	建筑工程系	化系
–	–	–	–	–	–
–	–	–	–	–	–
–	–	–	–	–	–

注脚

1. 注脚可以用来提供额外的信息或者解释，以便读者更好地理解文本内容。你可以使用注脚来标记某个术语、提供引用来源或者添加其他相关信息。

在文本中需要添加注脚的地方，使用方括号标记一个数字或文字[^1]

在文档的其他地方，添加与上述方括号中的数字或文字对应的注脚内容，格式为[^1]: 注脚内容。

自定义列表

自定义列表用于展示术语或概念及其对应的定义或解释。它由术语和其对应的定义组成，通常以术语在前，定义在后的形式呈现。

术语和其对应的定义之间使用冒号和至少一个空格进行分隔，术语在前面单独占据一行，而其对应的定义则在冒号后的一行或多行中进行描述。格式如下：
空行
术语
：空格定义

Markdown

Markdown是一种轻量级标记语言，用于排版文档、写作博客、论坛帖子等。它的语法简单明了，易于学习和使用。

LaTeX数学公式

行内公式

使用一对美元符号$包裹起来,美元前后有空格，
请看 $E=m{c}^2$

块级公式

使用一对$$包裹起来，

$$E=m{c}^2$$

插入各种图

1.甘特图

点开右边参考文档的我，甘特图？？？？？（震惊），怎么是英文？？？还是我看不懂的那种？？？

于是我选择用魔法打败魔法，我右击鼠标，点开了翻译功能，通过翻译，我对甘特图有了一定了解。

1. 甘特图通常用于展示项目的时间轴和任务进度。
2. 它是一种图形化的表示方式，可以清晰地展示项目的各项任务的开始时间、结束时间以及持续时间，以及它们之间的相互依赖关系。
3. 通过甘特图，可以直观地了解项目的整体进度、各项任务的执行情况以及任务之间的关联关系，有助于项目管理者和团队成员更好地规划和跟踪项目进度。
   
   复制甘特图的代码，设计一个甘特图。

2. UML图

使用UML图可以帮助团队成员更好地理解系统结构和设计，促进沟通和协作。在软件开发中，UML图也常用于需求分析、系统设计、代码生成等阶段。

UML可以绘制各种类型的图表，包括类图、时序图、用例图、活动图等。
类图（Class Diagram）：描述系统中的类、接口、关系等结构。
时序图（Sequence Diagram）：描述系统中对象之间的交互和消息传递顺序。
用例图（Use Case Diagram）：描述系统的功能需求和用户与系统的交互。
活动图（Activity Diagram）：描述系统中各个活动之间的流程和控制流。
状态图（State Diagram）：描述系统中对象的状态和状态转换。

如果你想要详细了解UML图，请点开参考文档的链接:
UML,我也不太清楚，故不再班门弄斧。

3. Mermaid流程图

流程图由节点（几何形状）和边（箭头或线条）组成。Mermaid代码定义了节点和边的制作方式，并支持不同的箭头类型、多向箭头以及与子图之间的任何链接。
想详细了解，请点击蓝色的流程图，Mermaid流程图
区分Mermaid流程图的不同图形？？？

1. 矩形框（方框）：
   通常用来表示流程中的操作步骤或任务[]。

2. 菱形框（菱形）：
   通常用来表示流程中的判断或决策节点{名称}。

3. 圆角矩形框（圆角方框）：
   通常用来表示流程中的起止节点或结束节点()。

4. 圆形框（圆形）：
   通常用来表示流程中的连接点或注释节点(())。

4.Flowchart流程图

Flowchart流程图

classDiagram类图

在软件工程中，统一建模语言（UML）中的类图是一种静态结构图，通过显示系统的类、它们的属性、操作（或方法）以及对象之间的关系来描述系统的结构。
想要了解类图，请点击蓝色链接：classDiagram类图

快捷键

撤销 Ctrl +Z
重做 Ctrl +Y
加粗 Ctrl +B
斜体 Ctrl +I
标题 Ctrl +Shift +H
有序列表 Ctrl +Shift +O
无序列表 Ctrl +Shift +U
待办列表 Ctrl +Shift +C
插入代码 Ctrl +Shift +K
插入链接 Ctrl +Shift +L
插入图片 Ctrl +Shift +G
查找 Ctrl +F
替换 Ctrl +G

投票

还有最后一个投票环节，这个在语法说明里面没有，出现在上面那一行，嘻嘻，我挺好奇的，就试一试怎么整。

杳杳碎碎念

一开始写markdown语法的初衷是一直用熟悉的部分语法来写，心里挺好奇不常用的语法是什么意思，怎么使用它。因此有了这篇博客。怎么说呢，有的也不是很懂，有认真了解过的且看到这篇博客的，欢迎来我的评论区下留言，感谢各位大佬。

---

1. 我很喜欢《恐龙宝贝》，所以想用这个来抛砖引玉。 ↩︎