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

十、表格

语法：

第二行分割表头和内容。

• 有一个就行，为了对齐，多加了几个
  文字默认居左
  -两边加：表示文字居中
  -右边加：表示文字居右
  注：原生的语法两边都要用 | 包起来。此处省略。如下图所示：

  
  
  image.png

十一、代码

1.单行代码：代码之间分别用一个反引号包起来
<span>代码内容</span>
2.多行代码：代码之间分别用三个反引号包起来，且两边的反引号单独占一行
() const a = 10; console.log(a); ()
如下图所示：

image.png

注：为了防止转译，前后三个反引号处加了小括号，实际是没有的。这里只是用来演示，实际中去掉两边小括号即可。

十二、总结

希望大家早日熟练使用Markdown神器。