Markdown入門指南

Markdown——入門指南

Markdown 是一種輕量級的「標記語言」,它的優點很多,目前也被越來越多的寫作愛好者,撰稿者廣泛使用。看到這裡請不要被「標記」、「語言」所迷惑,Markdown 的語法十分簡單。常用的標記符號也不超過十個,這種相對於更為複雜的 HTML 標記語言來說,Markdown 可謂是十分輕量的,學習成本也不需要太多,且一旦熟悉這種語法規則,會有一勞永逸的效果。

我該用什麼工具?

Mac 平台

在 Mac OS X 上,我強烈建議你用 Mou 這款免費且十分好用的 Markdown 編輯器,它支持實時預覽,既左邊是你編輯 Markdown 語言,右邊會實時的生成預覽效果(筆者用的是MacDown這個軟體)

Windows、iOS、Web 平台

筆者並未使用過 Windows 下的 Markdown 工具,但經朋友介紹,有兩款還算不錯,一款叫 MarkdownPad ,另一款叫 MarkPad。

iOS 端已有相當多的 app 支持 Markdown 語法編輯,例如 Drafts、Day One、iA Writer 等。

如果你用web端 Draftin 這款在線 MD 編輯器也近乎完美。

Markdown 語法的簡要規則

標題

# 一級標題

## 二級標題

### 三級標題

#### 四級標題

##### 五級標題

###### 六級標題

以此類推,總共六級標題,建議在#號後加一個空格,這是最標準的 Markdown 語法。

以下是效果

  • 標題是每篇文章都需要也是最常用的格式,在 Markdown 中,如果一段文字被定義為標題,只要在這段文字前加 # 號即可。

列表

熟悉 HTML 的同學肯定知道有序列表與無序列表的區別,在 Markdown 下,列表的顯示只需要在文字前加上 – 或 * 即可變為無序列表,有序列表則直接在文字前加1. 2. 3. 符號要和文字之間加上一個字元的空格。

引用

如果你需要引用一小段別處的句子,那麼就要用引用的格式。

> 例如這樣

只需要在文本前加入 > 這種尖括弧(大於號)即可

圖片與鏈接

插入鏈接與插入圖片的語法很像,區別在一個 !號

插入圖片的地址需要圖床,這裡推薦貼圖庫(百度貼圖庫即可) 的服務,生成URL地址即可。

插入圖片語法說明:![圖片名稱](圖片地址 「圖片Title」)

插入鏈接語法說明[鏈接名稱](鏈接地址地址)

粗體與斜體

Markdown 的粗體和斜體也非常簡單,用兩個 * 包含一段文本就是粗體的語法,用一個 * 包含一段文本就是斜體的語法。

例如:這裡是粗體 這裡是斜體

表格

表格暫時不寫,需要的朋友自行百度

代碼框

如果你是個程序猿,需要在文章里優雅的引用代碼框,在 Markdown 下實現也非常簡單,只需要用三個 ` 把中間的代碼包裹起來

分割線

分割線的語法只需要另起一行,連續輸入三個星號 *** 即可。

以下為效果

小結

到這裡,Markdown 的基本語法在日常的使用中基本就沒什麼大問題了,只要多加練習,配合好用的工具,寫起東西來肯定會行雲流水。更多的語法規則,其實 Mou 的 Help 文檔例子很好,當你第一次使用 Mou 時,就會顯示該文檔,其次,你也可在撰寫過程中,使用 CMD+R 快捷鍵來快速打開文檔,以隨時查閱和學習語法。

作者: Te_Lee 文章來源: 少數派

原文鏈接:認識與入門 Markdown - 少數派

喜歡本文的,可以關注通哥 - 知乎,有問題可以加群交流

歡迎大家來「web前端開發」專欄投稿

推薦閱讀:

「每日一題」為什麼不建議將 font-size 設置為 12px 以下?
【譯】CSS變數的正確使用方法
CSS 新的長度單位 fr 你知道么?
實現CSS居中的多種方法

TAG:前端开发 | HTML | CSS |