新手一分钟熟练使用Markdown
Markdown是一种文本标记语言，用于快速文档排版。通过简单的标记，可以使普通文本内容具有一定的格式。
Markdown优点
1.简单、流行、逼格高，排版功能足够使用
2.广泛用于用于办公、文字工作者、程序员等人员日常文档的写作排版
3.语法简单
Markdown缺点
太简单，很多复杂的专业排版样式功能无法实现，只适用于要求不高的文字排版场合（办公、技术文档等）
附简书编辑文章，设置Markdown为编辑器，如下图所示：
image.png
一、支持Markdown的编辑器
- 任意文本编辑器
- 专业Markdown编辑器：支持Markdown文档排版后预览，适合文字工作者
- MAC：mou，macdown
- Windows：MarkdownPad
- 自带预览功能的专业代码编辑器：适合编程、分析等理工类应用
- VSCode 原生支持预览
- Atom 原生支持预览，并可将md文件另存为HTML文件
- Jupyter Notebook 科学工作者和程序员用交互式笔记本，网页版，可用于数据分析、教学、演讲等
- Atom：预览快捷键：Ctrl+Shift+M或：Ctrl+Shift+P - 命令窗口输入 markdown ，回车
- VSCode：md文件右上方-打开侧边栏预览
- 各类IDEA
等等很多编辑器都支持
二、Markdown基本语法
- 1：标题(
# h1-h6) - 2：字体（* ** *** ～～）
- 2：空格、段落和换行(
<p><br>) - 3：超链接(
[]() <a>) - 4：图片(`[图片上传失败...(image-150c9b-1534497144672)]和公式
- 5：列表(
<ul><ol><li>) - 6：代码块(```` <pre>`)
- 7：着重、强调(
** <em><strong>) - 8：表格(
-|-|- <table>) - 9：转义字符(
\) - 10：分隔线(
--- <hr>)
三、标题
一个#是一级标题，二个#是二级标题，三个#是三级标题，.....等，最多支持六级标题也就是六个#。标准语法一般在#后跟个空格再写文字，如下图所示：
image.png
四、字体
要加粗的文字左右分别用两个*号包起来
加粗
要倾斜的文字左右分别用一个*号包起来
斜体
要倾斜和加粗的文字左右分别用三个*号包起来
斜体加粗
要加删除线的文字左右分别用两个~~号包起来
删除线
如下图所示：
image.png
五、引用
在引用的文字前加>，可以无限加。。。
s
ss
sss
ssss
如下图所示：
image.png
六、分割线
三个或者三个以上的 - 或者 * 都可以。如下图所示：
image.png
七、图片
在简书我就直接粘贴进去的，语法：
图片alt就是显示在图片下面的文字，相当于对图片内容的解释。
图片title是图片的标题，当鼠标移到图片上时显示的内容。title可加可不加。如下图所示：
image.png
八、超链接
语法：
image.png
如下面的例子：
简书
天猫
如下图所示：
image.png
九、列表
1.无序列表，语法：无序列表用 - + * 任何一种都可以，注意：- + * 跟内容之间都要有1-4个空格都可以，最好一个。
- 列表内容
- 列表内容
- 列表内容
5个空格就是这样的列表，6个空格，就在前面多加了个空格，依次类推。。。。
列表内容
列表内容
列表内容
如下图所示：
image.png
2.列表嵌套：上一级和下一级之间敲三个空格即可 1. 列表内容
- 一级列表
- 二级列表
- 三级列表
- 二级列表
- 一级列表
- 二级列表
- 三级列表
- 二级列表
如下图所示：
image.png
十、表格
语法：
| 表头1 | 表头3 | 表头3 |
|---|---|---|
| 内容 | 内容 | 内容 |
| 内容 | 内容 | 内容 |
第二行分割表头和内容。
-
有一个就行，为了对齐，多加了几个
文字默认居左
-两边加：表示文字居中
-右边加：表示文字居右
注：原生的语法两边都要用 | 包起来。此处省略。如下图所示：
image.png
十一、代码
1.单行代码：代码之间分别用一个反引号包起来
<span>代码内容</span>
2.多行代码：代码之间分别用三个反引号包起来，且两边的反引号单独占一行
() const a = 10; console.log(a); ()
如下图所示：
image.png
注：为了防止转译，前后三个反引号处加了小括号，实际是没有的。这里只是用来演示，实际中去掉两边小括号即可。
十二、总结
希望大家早日熟练使用Markdown神器。
