markdown基础语法

之前写文章做记录都是直接码字，码字虽然方便，但是遇到代码部分就很dan疼，尤其是代码格式化很麻烦，开始用markdown之后就觉得特别方便，简单记录下基础语法。

一、标题

标题主要是通过在文字前边加不同数量的 # 去完成

# 一级标题  
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

二、正文内容

正文内容直接去打字写就可以了，需要注意的是如果要另起一段的话，是需要按两次回车的，也就是两段之间需要空一行

三、代码块

代码块内容直接放在两个 中间即可，可以在上边后边加上语言类型，会高亮显示语法

```javascript
this is javascript language
function name(){}
.```

四、行内代码

行内代码讲代码写在行内的 `` 中间即可

行内代码可以直接书写，`this is inline code` 样式

五、有序列表和无序列表

有序列表通过文字前边添加1.2.3.4等即可，二级结构通过前边加空格或tab就可以

无序列表通过文字前边添加 * 或者 - 就可以，二级结构同样的方法

有序列表：
1. 第一个 
2. 第二个
3. 第三个
   1. 第三点一个
   2. 第三点二个
4. 第四个

无序列表：
* 第一个
- 第二个
  - 第二点一个
  - 第二点二个
- 第三个

六、文本加粗、倾斜和删除线

文本的特殊格式比较简单，加粗是文本两侧加**，倾斜是文本两侧加*，加粗和倾斜一起是文本两侧加***，删除线是文本两侧加~~

**加粗**
*倾斜*
***加粗和倾斜***
~~删除线~~

七、引用文本

引用文本只需要在文本前边加一个 > 符号即可，最终表现就是一段有背景色和左边框的文本。

> 引用文本内容

八、分割线

分割线写法很简单，只需要使用三个或三个以上 *** 或者 --- 即可。

***
*****
---
------

九、图片

图片的引用的基本语法是：[alt](url title)，alt为图片下方文字，title为图片说明，即鼠标放上去后显示文案，url为图片路径。

![风景图](https://gimg2.baidu.com/image_search/src=http%3A%2F%2F1812.img.pp.sohu.com.cn%2Fimages%2Fblog%2F2009%2F11%2F18%2F18%2F8%2F125b6560a6ag214.jpg&refer=http%3A%2F%2F1812.img.pp.sohu.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1621561120&t=d99b987e1a68ed50f149aa611e2ab62a "风景图片")

默认图片居左示例图

用上述方法引入的图片是默认靠左的，如果想让图片居中显示，并且修改图片大小，我们可以直接用html+css方式去写。

<div align=center><img width=400 src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2F1812.img.pp.sohu.com.cn%2Fimages%2Fblog%2F2009%2F11%2F18%2F18%2F8%2F125b6560a6ag214.jpg&refer=http%3A%2F%2F1812.img.pp.sohu.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1621561120&t=d99b987e1a68ed50f149aa611e2ab62a" /></div>

十、超链接

超链接的格式和图片结构基本差不多，[超链接名称](url title)

[程序员学习圣地:](https://juejin.cn/ "掘金")

十一、表格

表格的写法看上去很有意思，第一行可以写标题，然后第二行通过特殊标识区分表头和表内容，同时默认表格文字左对齐，如果想文本居中，可以通过第二行标识进行控制。

默认表格：
姓名 | 年龄 | 班级 | 成绩
-|:-|:-|:-|
张三 | 20 | 一班 | 90
张三 | 20 | 一班 | 80
张三 | 20 | 一班 | 70
张三 | 20 | 一班 | 99

表格文本居中：(注意第二行变化)
姓名 | 年龄 | 班级 | 成绩
:-:|:-:|:-:|:-:|
张三 | 20 | 一班 | 90
张三 | 20 | 一班 | 80
张三 | 20 | 一班 | 70
张三 | 20 | 一班 | 99

十二、流程图

流程图是我觉得最有意思和最给力的地方了，几行代码就能表达出整个流程，很是方便快捷，上个简单的例子，一看就懂，后面就可以自己扩展了。

``flow
st=>start: 开始流程
op=>operation: 第一步
op1=>operation: 第二步
cond=>condition: yes or no?
cond1=>condition: once again?
e=>end
st->op->op1->cond->cond1
cond(yes)->e
cond(no)->cond1
cond1(yes)->op1
cond1(no)->e
。```
（注：上面最后一行前面的句号要去掉，此处因为编辑问题，加个句号避免内容格式错误）