Markdown学习笔记

markdown使用笔记

1.标题

使用 # 号可以表示1-6级标题，一级标题对应一个#

# 一级标题
## 二级标题
......
###### 六级标题
ps：# 与文本需要一个空格

---

2.小知识

• 字体

**粗体**
ps：#与文本无间隔

eg：

​ 粗体

---

• 下划线

<u>文本</u> 

eg：

<u>文本</u> 

---

• 分隔线（如上例）

***(回车或者按⬇)

---

3.列表

• 无序列表

* 第一项
* 第二项
ps：*与文本存在间隔

eg：

• 第一项
• 第二项

---

• 有序列表

1. 第一项
2. 第二项
ps：.与文本存在空格

eg：

1. 第一项
2. 第二项

---

列表嵌套

1. 第一项
	* 第一项嵌套的第一个元素
	* 第一项嵌套的第二个元素
2. 第二项
    * 第二项嵌套的第一个元素
    * 第二项嵌套的第二个元素
ps：只需要在子列表中的选项添加四个空格即可

eg：

1. 第一项
   • 第一项嵌套的第一个元素
   • 第一项嵌套的第二个元素
2. 第二项
   • 第二项嵌套的第一个元素
   • 第二项嵌套的第二个元素

---

4.嵌套

• 文本嵌套

> 最外层
>> 第一层嵌套
>>> 第二层嵌套

eg：

最外层

第一层嵌套

第二层嵌套

---

• 代码片段或键嵌套

`print()`函数
ps：使用反引号括起

eg:

print()

---

• 代码嵌套

​```javascript
$(document).ready(function(){
	alert('RUNOOB')
})
'''
ps：用三个反引号包裹一段代码，并指定一种语言(也可以不指定)

eg：

$(document).ready(function(){
	alert('RUNOOB')
})
'''

---

5.链接

[链接名称](链接地址)
或者
<链接地址>

eg:

这是一个链接百度

<www.baidu.com>

---

6.表格

| 表头 | 表头 |
| --- | --- |
| 单元格 | 单元格 |
| 单元格 | 单元格 |
ps：使用|来分隔不同的单元格，使用-来分隔表头和其他行。（|与文本有间隔）

eg：

表头	表头
单元格	单元格
单元格	单元格

| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
ps:
-:设置内容和标题栏居右对齐。
:-设置内容和标题栏居左对齐。
:-:设置内容和标题栏居居中对齐。

eg：

左对齐	右对齐	居中对齐
单元格	单元格	单元格
单元格	单元格	单元格

---

7.图片

![alt 属性文本](图片地址)

![alt 属性文本](图片地址 "可选标题")

ps:开头一个感叹号 !,接着一个方括号，里面放上图片的替代文字,接着一个普通括号，里面放上图片的网址，最后还可以用引号包住并加上选择性的 'title' 属性的文字。

eg:
![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png)

![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png "RUNOOB")

ps：markdown操作图片较难，建议将图片转成代码或者将图片保存在固定网站生成超链接，从而引用

---

8.Typora画流程图

• 横向流程图源码格式：

​```mermaid
graph LR
A[方形] -->B(圆角)
    B --> C{条件a}
    C -->|a=1| D[结果1]
    C -->|a=2| E[结果2]
    F[横向流程图]
​```

eg：

---

• 竖向流程图源码格式：

​```mermaid
graph TD
A[方形] --> B(圆角)
    B --> C{条件a}
    C --> |a=1| D[结果1]
    C --> |a=2| E[结果2]
    F[竖向流程图]
​```

eg:

---

• 标准流程图源码格式：

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

eg:

---

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

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

eg: