Markdown基础学习

  记录自己经常使用的Markdown语法
  CSDN和Typora有些地方不同

目录与标题

目录
  在CSDN中，在想要展示文章目录的地方输入@[TOC](目录)（小括号里面的内容可以自己定），CSDN会自动根据文章中你使用的标题形成目录。效果如本篇文章的目录栏目。
  在Typora中，在想要展示文章目录的地方输入[TOC]（没有@也没有小括号），Typora同样会根据文章中所使用的标题自动生成。当然，我自己在用的时候一般就不用加这个目录，直接按Ctrl+Shift+L，Typora会在左侧直接弹出目录。再按一次Ctrl+Shift+L收回左侧的目录。

标题
  Markdown支持6个级别的标题，使用方法如下，记得#号后面要加一个空格：

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

  效果如下：

  在Typora中，可以直接按Ctrl+1生成大标题，依次类推可生成其它级别的标题。
  在CSDN中，就没有快捷键生成标题。

---

文章

加粗：
**Hello World!**或__Hello World__，效果：Hello World!
快捷键Typora和CSDN都是Ctrl+B
值得提一下的是，Typora也可以对加粗文本再用一次Ctrl+B来取消加粗，但目前CSDN不行。

斜体：
*Hello World!*或_Hello World_，效果：Hello World!
快捷键Typora和CSDN都是Ctrl+I
Typora也可以对斜体文本再用一次Ctrl+I来取消加粗，但目前CSDN不行。

斜体和加粗可以一起用：
***Hello World!***的___Hello World!___，效果：Hello World!

下划线：
<u>Hello World!</u>，效果：Hello World!
Typora有快捷键：Ctrl+U，可再按一次快捷键取消下划线。

高亮：
==Hello World!==，效果：Hello World!
Typora和CSDN都木有快捷键。Typora需要在偏好设置里面的Markdown一栏里勾选对应的扩展语法。

上下标：
这个图形面积是8^2^ m^2^，效果：这个图形面积是8² m²
H~2~O，效果：H₂O
H~2~O~2~，效果：H₂O₂
Typora和CSDN都木有快捷键。Typora需要在偏好设置里面的Markdown一栏里勾选对应的扩展语法。

无序列表：
-Space或+Space或*Space效果如下

• Apple
• Banana

有序列表：
1.Space，效果如下

1. Apple
2. Banana

引用：
>Space，效果如下

(Content)

分隔线：
---或***或___，效果如下

---

在CSDN中，分隔线的上面还得要再空一行出来。

链接：
[百度](https://www.baidu.com/)，效果：百度
<https://www.baidu.com/>，效果：https://www.baidu.com/
  在Typora中，可以用[]()来实现跳转，比如在文章中添加[某个一级标题](# 某个一级标题)，点击”某个一级标题”就能跳转到那个标题。

表情符号：
:+（表情的英文）+:

:smile:，:laughing:，:dizzy_face:，:sob:
:+1:，:-1:，:pray:，:bow: ，:100:，:question:，:exclamation:
:clap:，:bell:，:gift:，:bomb:，:coffee:，:cyclone:
:heart:，:kiss:，:anger:，:sweat_drops:

效果如下：
😄，😆，😵，😭
👍，👎，🙏，🙇 ，💯，❓，❗️
👏，🔔，🎁，💣，☕️，🌀
❤️，💋，💢，💦
也可以直接用系统的快捷键摁出表情列表🤓
Window：Win+.
MacOS：control+command+Space

---

图片

  图片的语法是![]()，中括号里写自己起的图片的名字，小括号里写图片地址，或图片本地储存的路径（本地储存路径只能在Typora里面使用，如果是在Typora里面插图片，最好再了解一下绝对路径、相对路径、或者图床）
  下面是CSDN提供的使用图片的例子：
1、![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png)：

2、带尺寸：![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png =60x60)：

3、宽度确定高度等比例：![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png =x60)

4、高度确定宽度等比例：![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png =x60)

5、居中：![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png#pic_center)

6、居中并且带尺寸：![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png#pic_center =60x60)

7、居右：![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png#pic_right)

在CSDN中，也可以截图后直接在编辑器里面粘贴，在Typora中建议还是保存好截图，再插入图片。

---

代码块

例一效果：

var foo = 'bar';

例二效果：

var foo = 'bar';

例三效果：

var foo = 'bar';

  Typora上还有挺多没写的，不过用的不多就是了，最多再加一个：在Typora里面按Enter换行，和Shift+Enter换行，行距会有点不同。
  最后附上一下官网的手册，也方便自己随时能翻来查找：
  英文：Markdown Reference
  中文：Typora 的 Markdown 语法