Markdown入門指南
Markdown——入門指南
Markdown 是一種輕量級的「標記語言」,它的優點很多,目前也被越來越多的寫作愛好者,撰稿者廣泛使用。看到這裡請不要被「標記」、「語言」所迷惑,Markdown 的語法十分簡單。常用的標記符號也不超過十個,這種相對於更為複雜的 HTML 標記語言來說,Markdown 可謂是十分輕量的,學習成本也不需要太多,且一旦熟悉這種語法規則,會有一勞永逸的效果。
我該用什麼工具?
Mac 平台
在 Mac OS X 上,我強烈建議你用 Mou 這款免費且十分好用的 Markdown 編輯器,它支持實時預覽,既左邊是你編輯 Markdown 語言,右邊會實時的生成預覽效果(筆者用的是MacDown這個軟體)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居中的多種方法