Markdown快速使用指南

Markdown 是一種輕量級的標記語言,他簡潔、高效,目前被愈來愈多的寫做愛好者,撰稿者普遍使用。Markdown的語法十分簡單。經常使用的標記符號也不超過十個,這種相對於更爲複雜的 HTML 標記語言來講,Markdown可謂是十分輕量的,且一旦熟悉這種語法規則,會有一勞永逸的效果。html

Markdown優勢:

  1. 專一你的文字內容而不是排版樣式,安心寫做。前端

  2. 輕鬆的導出 HTML、PDF 和自己的 .md 文件。ios

  3. 可讀、直觀、學習成本低。git

這裏提供官網的語法說明Markdown中文版語法說明以及創始人 John Gruber的Markdown語法說明github

先介紹幾款不錯的工具

Mac版

  1. Mou:這款免費且十分好用的Markdown編輯器,它支持實時預覽,既左邊是你編輯 Markdown 語言,右邊會實時的生成預覽效果。不只如此,Mou 還有一些有趣的偏好設置(Preference),例如主題(Themes)與樣式(CSS),它們能夠配置出定制化的文本編輯效果與導出效果,若是你對自帶的主題與樣式不滿意還能夠到 GitHub 上搜索其它愛好者爲 Mou 編寫的更多主題樣式,導入的方式能夠在偏好設置的 Themes 或 CSS 選項中 選擇 reload
    圖片描述ubuntu

  2. MacDown:這款編輯器背景很是有意思,提到 Markdown 編輯器在 Mac OSX 平臺的選擇,基本都會推薦 Mou,惋惜的是 Mou 仍未脫離測試版本,原Mou開發者ChenLuo也有意將該應用程式的全部權售出,交由其餘人繼續開發。MacDown的開發者認爲本身並無足夠的資金來買下Mou,因而決定利用本身的空閒時間,開發出一款更符合本身需求的Markdown編輯器,因而有了MacDown 這款編輯器。
    圖片描述markdown

  3. Ulysses:這裏網上有一篇不錯的文章專門介紹他
    圖片描述app

  4. iA Writer:支持OS X , iOS 及Android,除此以外iA Writer提供了獨特的「無干擾模式」,該模式隱藏了一切可能對寫做形成干擾的界面元素,只留下一張白紙、一個鍵盤。
    圖片描述編輯器

  5. Byword:iOS和OS X平臺上很是有名的文本編輯器,界面極簡,功能強大,讓你安心又高效的打字,並自動在各設備間同步文檔。
    圖片描述工具

Windows版

  1. 有道雲筆記:有道雲筆記是由網易出品,目前也內置markdown編輯器
    圖片描述

  2. MarkPad:MarkPad 的前身是 DownmarkerWPF ,是一個可視化的 Markdown 文本編輯器。
    圖片描述

  3. MarkdownPad:是Windows下的一個全功能Markdown編輯器。具有全部Markdown的基本語法外支持一些特別的擴展,好比表格等。能夠幫助你快速的將文本轉換爲美觀的HTML/XHTML的網頁格式代碼!軟件操做簡單容易,上手很快。可以讓你能夠即時預覽轉換後的樣式的同時,又不會加入Office特有的編版碼
    圖片描述

  4. 小書匠編輯器:寫你所想,寫你所愛。一個支持離線與在線的markdown文本編輯器,並實現了多種第方三數據存儲集成(evernote,印象筆記,github,dropbox等)
    圖片描述

  5. FarBox: 一款簡約但不簡單的Markdown編輯器。外面有微風,陽光正和煦,手邊一杯咖啡,還能夠再寫一篇文章。即便遠離互聯網,也不會影響FarBox的使用。 有你所需 不管是Markdown、代碼高亮、數學公式,全都支持。
    圖片描述

  6. Miu:免費MarkDown文字編輯器是一款借用Mac系統MOU編輯器的靈感而開發的支持Windows系統的編輯器,若是你想要尋找在Windows操做系統上使用的Markdown編輯器,Miu是一個不錯的選擇。
    圖片描述

Web版

  1. 簡書:一個很不錯的博客平臺,每幾秒鐘便會自動存入一個備份。能夠直接從本地拖入照片生成連接,一直在不斷優化。做爲一個博客平臺,須要註冊帳號後方能進行寫做
    圖片描述

  2. MaHua:在線編輯markdown文檔編輯器是款在線 Markdown 編輯器,支持多文檔編輯,可更換編輯器與預覽區主題,並支持自定義 CSS,支持 VIM 快捷鍵,可顯示行號
    圖片描述

  3. dillinger:漂亮強大,支持md, html, pdf 文件導出。支持dropbox, onedrive,google drive, github. 來自國外,可能不夠穩定
    圖片描述

  4. Cmd Markdown:一款在線 Markdown 編輯器,同時也是一個閱讀工具,支持實時同步預覽;區分寫做和閱讀模式;支持在線存儲;功能很是完善
    圖片描述

  5. 馬克飛象:由於印象筆記不支持Markdown,而這款能夠直接把文本存到印象筆記的編輯器對於重度印象筆記用戶是個不錯的選擇。付費軟件,能夠免費試用
    圖片描述

介紹完工具,接下來就正式介紹markdown的基本經常使用語法規則

  1. 標題
    標題是每篇文章裏最經常使用的格式,在 Markdown 中,若是一段文字被定義爲標題,只要在這段文字前加 # 號便可

圖片描述

  1. 列表
    熟悉 HTML 的朋友確定都知道有序列表與無序列表的區別,在 Markdown 下,無序列表只須要在文字前加上 - 或 * 便可,有序列表則直接在文字前加1. 2. 3. 注意符號要和文字之間加上一個字符的空格

圖片描述

  1. 引用
    若是你須要引用一小段別處的句子,那麼就要用引用的格式

例如這樣

只須要在文本前加入 > 這種尖括號(大於號)便可
圖片描述

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

連接爲:[] ()

圖片爲:![] ()

圖片描述

  1. 粗體與斜體
    Markdown 的粗體和斜體也很是簡單,用兩個 包含一段文本就是粗體的語法,用一個 包含一段文本就是斜體的語法。

**例如這樣**
*還有這樣*

結果是這樣:
例如這樣
還有這樣

  1. 表格

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |

這種語法生成的表格以下:

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1
  1. 代碼框
    若是你是個程序猿,須要在文章裏優雅的引用代碼框,在 Markdown下實現很是簡單,只須要用兩個 ` 把中間的代碼包裹起來。像這樣

圖片描述

  1. 分割線
    分割線的語法只須要三個 * 號,這樣:

啦啦啦~
***
啦啦啦~

結果:
啦啦啦~


啦啦啦~

到這裏Markdown 的基本語法就這些,平常寫做是沒問題了!

有公衆號啦!!!歡迎關注,不按期推薦前端技術!!!

圖片描述

相關文章
相關標籤/搜索