markdown小记

大家好！这是小生加入csdn半年多以来的第一篇博客，希望我的博客对你有帮助，这篇文章讲的是一个写博客的大纲，如果你第一次写博客，我的文章你一定会有收获的，不多说了，来吧展示

一、markdown语法快速入门（typora是个很好用的工具哟！）

1、代码块：

//代码块语法：
这里的三个`（esc下方）是固定语法，你可以选择不同的种类，比如java,shell等等。
使用后就是我们现在所在的小框框的效果。
输入结束的时候也打上3个`（顶格）。

eg1.java

information

eg2.shell

这里提示一个在typora中的快捷键：
1.ctrl + shift + 1显示结构图（大纲），非常好用。
2.ctrl + / 查看源码（因为你书写的时候语法是会自动隐藏的，看到的是生成结果）

2、标题：

标题等级一共有六个等级,记得#号和标题中间有一个空格

# 标题1
## 标题2
### 标题3
#### 标题4
##### 标题5
###### 标题6

3、字体：

//加粗体
**你好**
//代码高亮显示
==lsx==
//删除线
~~被删除的文字~~
//斜体
*斜体内容*

4、引用：

//引用语法
>作者：lsx
>>作者：lsx
>>>作者：lsx
    

效果如下：

作者：lsx

作者：lsx

作者：lsx

5、分割线

//分割线
---

//分割线2
***

效果就是这样的

---

---

---

如上，我打了三行分割线

6、图片插入

//在线图片/本地图片
![我的照片](/home/xxx/12345.xxx) -- 图片路径

7、超链接

//超链接语法
[typora](https://www.baidu.com)

效果就像这样：

typora
这是typora的官网，想下载的童鞋点击即可。

8、列表

//无序列表
- 目录1
- 目录2
- 目录3
//有序列表
1+.+ 名称
需要注意的是这里数字和符号没有空格，符号和名称之间是有一个空格的。

• 目录1
• 目录2
• 目录3

1. a
2. b
3. c

9、表格

成绩	语文	数学
	56	54
	22	22
	23	23

这里要解释一下表格的格式
第一行是|  	 |       |       |这样的格式，把它分成小区间，小区间的个数也就是它的列数
第二行是|:---:|	:---:|	:---:|这样的形式,是设置内容位置的（居中，居左，居右）
前两行完成，你的表格轮廓就已经成型了。
内容位置如何设置会在下面介绍

10、目录

@[toc]() 括号里加上你想要起的名字就好了

---

二、csdn编译器补充

1、快捷指令

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

2、生成一个适合你的列表

1.设置内容居中，居左，居右

使用:---:居中
使用:----居左
使用----:居右

2.SmartPants

SmartyPants将ASC11标点字符转换为“智能”印刷标点HTML实体

这里科普一下HTML和超文本的概念:
HTML的全称为超文本标记语言（hyper Text Markup Language），是一种标记语言。
HTML文本是由HTML命令组成的描述性文本，HTML命令令可以说明文字，图形、声音、动画、声音、表格、链接等。
超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。
这些相互关联的信息媒体可能在同一文件当中，也可能在其他文件，或者地理位置相距遥远的某太计算机上的文件。
这种组织信息的方式将分布在不同位置的信息资源用随机方式进行链接，为人们查找，检索信息提供方便。

|       TYPE       |             ASCII             |            HTML            |
| :--------------: | :---------------------------: | :------------------------: |
| Single backticks |       'Isn't this fun?'       |     ‘Isn’t this fun?’      |
|      Quotes      |       "Isn't this fun?"       |     “Isn’t this fun?”      |
|      Dashes      | -- is en-dash, --- is em-dash | – is en-dash, — is em-dash |

---

三、Mermaid(csdn拓展)

1、概念

mermaid是一款开源的画流程图、甘特图、时序图工具，她提供了一种类似markdown的语法来创建各种图。

2、图的种类

1.流程图(flowchart)

								graph TD;
   									 A--->B;
   									 A--->C;
  									 B--->D;
   									 C--->D;

2.类图(class diagram)

3.甘特图(gantt diagram)

4.时序图(sequence diagram)

初学者先学会第一个就可以了，比较简单，对其他感兴趣的同学可以点击下方链接进行后续学习

详细请在此网站学习

好的，今天的分享就到这里了，希望我的分享对你有帮助！