浅谈MarkDown的入门语法及简易教程

简而言之，MarkDown 是一个 Web 上使用的文本到HTML的转换工具，通常用来展示文章，很大程度上省去在不同网站上排版的烦恼。（某种程度上来说，可以算程序员的共同语言）

原理：MarkDown是一种简单的标记语言，这些标记和HTML的一些标签一一对应，可将HTML和MarkDown相互转换。

目前 GitHub、简书、饥人谷等网站均支持这种格式。

语法集合：MarkDown-语法说明 上有相对完整集合

在线编辑器：

我们可以看到，目前的MarkDown编辑器种类多样，随手一搜就有许多可供挑选，

搜索MarkDown编辑器.png

因此，在此只提一个：WXMarkDown

（点击图片也可跳入此在线编辑器哦）

WXMarkDown.png

笔者之前从事过新媒体行业，曾做过一段时间的微信编辑，对不同网站公众号内容的排版一度感到非常繁琐。使用微信公众号编辑器在A网站排版完成后，粘贴到B网站，往往就会出现一些不兼容的现象，尤其是粘贴出来的代码，格式错乱，在时间紧迫情况下还需重新排版，非常耽误文章的时效性，而且特别丑。此款编辑器正好能够在不用外网的情况下解决这个问题。

特别说明：

虽然 MarkDown 和 HTML 是一一对应的，但具体外观还是由 CSS 决定。
（ 解析、转码、规则不同，支持程度不同，eg：该网站是否允许图片上传。 ）

常用基本语法

---

---

一、标题

标题语法.png

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题

这是六级标题

#######这是七级标题，和正文一样大小（也就是错误的，标题只有1-6级）

---

---

二、字体

字体语法.png

加粗

这是字体加粗

斜体

这是字体倾斜

斜体加粗

这是字体斜体加粗

删除线

这是加了删除线的字体

---

---

三、分割线

分割线语法.png

三个或者三个以上的 - 或者 * 都可以，

---

---

---

---

分割线显示的效果是一样的。

---

---

四、超链接

超链接语法.png

注意：[]和()中间不要有空格哦

简书

欢迎来到 哔哩哔哩

---

---

五、图片及图片链接

• 通常上传图片只需点击插入图片即可

  
  插入图片.png
  

  格式如下：

  
  图片语法.png

我是例图.JPG

注意：! 和 [] 和()中间不要有空格哦

小延伸

• 图片带链接

图片链接其实就是把图片和链接嵌套在一起:

图片超链接语法.png

我是百度.png

---

---

六、引用

在引用的文字前加>即可
引用也可以嵌套，似乎能一直嵌套下去……

引用语法.png

老和尚对小和尚说从前有个山

小和尚长大了对他的徒弟说我师父说从前有座山

以上引用

都是引用

全都是引用的

一代一代传下去之后

第n代老和尚对小和尚说我就是想看看还能引用多少有多长

---

---

七、列表

无序列表

无序列表用 - + * 任何一种都可以
注意：- + * 跟内容之间都必须要有一个空格

无序列表语法.png

• 123

• 456

• 789

有序列表

数字加点即可
注意：数字加点后必须要有一个空格

有序列表语法.png

1. 我是第一项大会内容
2. 我是第二项大会内容
3. 我是第三项大会内容

---

---

八、表格

表格语法.png

姓名	阵营	种类
光辉	英国皇家	航母
凯旋	法国鸢尾	驱逐舰
蒙彼利埃	美国白鹰	巡洋舰

第二行分割表头和内容

-有一个就行，为了对齐，多加了几个
文字默认居左
-两边加：表示文字居中
-右边加：表示文字居右

---

---

今天的浅谈MarkDown的入门语法及简易教程就讲到这里，具体操作还需要大家细心和多练习哦，加油ヾ(◍°∇°◍)ﾉﾞ。