淺談MarkDown的入門語法及簡易教程

簡而言之，MarkDown 是一個 Web 上使用的文本到HTML的轉(zhuǎn)換工具，通常用來展示文章，很大程度上省去在不同網(wǎng)站上排版的煩惱。（某種程度上來說，可以算程序員的共同語言）

原理：MarkDown是一種簡單的標記語言，這些標記和HTML的一些標簽一一對應，可將HTML和MarkDown相互轉(zhuǎn)換。

目前 GitHub、簡書、饑人谷等網(wǎng)站均支持這種格式。

語法集合：MarkDown-語法說明 上有相對完整集合

在線編輯器：

我們可以看到，目前的MarkDown編輯器種類多樣，隨手一搜就有許多可供挑選，

搜索MarkDown編輯器.png

因此，在此只提一個：WXMarkDown

（點擊圖片也可跳入此在線編輯器哦）

WXMarkDown.png

筆者之前從事過新媒體行業(yè)，曾做過一段時間的微信編輯，對不同網(wǎng)站公眾號內(nèi)容的排版一度感到非常繁瑣。使用微信公眾號編輯器在A網(wǎng)站排版完成后，粘貼到B網(wǎng)站，往往就會出現(xiàn)一些不兼容的現(xiàn)象，尤其是粘貼出來的代碼，格式錯亂，在時間緊迫情況下還需重新排版，非常耽誤文章的時效性，而且特別丑。此款編輯器正好能夠在不用外網(wǎng)的情況下解決這個問題。

特別說明：

雖然 MarkDown 和 HTML 是一一對應的，但具體外觀還是由 CSS 決定。
（ 解析、轉(zhuǎn)碼、規(guī)則不同，支持程度不同，eg：該網(wǎng)站是否允許圖片上傳。 ）

常用基本語法

一、標題

標題語法.png

這是一級標題

這是二級標題

這是三級標題

這是四級標題

這是五級標題

這是六級標題

#######這是七級標題，和正文一樣大小（也就是錯誤的，標題只有1-6級）

二、字體

字體語法.png

加粗

這是字體加粗

斜體

這是字體傾斜

斜體加粗

這是字體斜體加粗

刪除線

這是加了刪除線的字體

三、分割線

分割線語法.png

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

分割線顯示的效果是一樣的。

四、超鏈接

超鏈接語法.png

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

簡書

歡迎來到 嗶哩嗶哩

五、圖片及圖片鏈接

• 通常上傳圖片只需點擊插入圖片即可

  
  
  插入圖片.png
  
  

  格式如下：

  
  
  圖片語法.png

我是例圖.JPG

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

小延伸

• 圖片帶鏈接

圖片鏈接其實就是把圖片和鏈接嵌套在一起:

圖片超鏈接語法.png

我是百度.png

六、引用

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

引用語法.png

老和尚對小和尚說從前有個山

小和尚長大了對他的徒弟說我?guī)煾刚f從前有座山

以上引用

都是引用

全都是引用的

一代一代傳下去之后

第n代老和尚對小和尚說我就是想看看還能引用多少有多長

七、列表

無序列表

無序列表用 - + * 任何一種都可以
注意：- + * 跟內(nèi)容之間都必須要有一個空格

無序列表語法.png

• 123

• 456

• 789

有序列表

數(shù)字加點即可
注意：數(shù)字加點后必須要有一個空格

有序列表語法.png

1. 我是第一項大會內(nèi)容
2. 我是第二項大會內(nèi)容
3. 我是第三項大會內(nèi)容

八、表格

表格語法.png

第二行分割表頭和內(nèi)容

-有一個就行，為了對齊，多加了幾個
文字默認居左
-兩邊加：表示文字居中
-右邊加：表示文字居右

今天的淺談MarkDown的入門語法及簡易教程就講到這里，具體操作還需要大家細心和多練習哦，加油ヾ(?°?°?)??。