1. 程式人生 > >MARKDOWN -- 讓文字炫出來

MARKDOWN -- 讓文字炫出來

認識 MARKDOWN

導語裡提到,Markdown 是一種用來寫作的輕量級「標記語言」,它用簡潔的語法代替排版,而不像一般我們用的字處理軟體 Word 或 Pages 有大量的排版、字型設定。它使我們專心於碼字,用「標記」語法,來代替常見的排版格式。例如此文從內容到格式,甚至插圖,鍵盤就可以通通搞定了。

目前來看,支援 Markdown 語法的編輯器有很多,包括很多網站(例如 簡書)也支援了 Markdown 的文字錄入。Markdown 從寫作到完成,匯出格式隨心所欲,你可以匯出 HTML 格式的檔案用來網站釋出,也可以十分方便的匯出 PDF 格式,這種格式寫出的簡歷更能得到 HR 的好感,甚至可以利用 

CloudApp 這種雲服務工具直接上傳至網頁用來分享你的文章,全球最大的輕部落格平臺 Tumblr,也支援使用 Mou 這類 Markdown 工具進行編輯並直接上傳。本網站的文字錄入也是支援 Markdown 語法的。

Markdown 語法的簡要規則

標題

title

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

# 一級標題

## 二級標題

### 三級標題

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

列表

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

list

引用

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

> 例如這樣

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

cite

圖片與連結

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

插入圖片的地址需要圖床,這裡推薦 

CloudApp 的服務,生成URL地址即可。

link_img

粗體與斜體

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

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

表格

表格是 Markdown 比較累人的地方,例子如下:

| 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 |

程式碼框

如果你是個程式猿,需要在文章裡優雅的引用程式碼框,在 Markdown 下實現也非常簡單,只需要用兩個`把中間的程式碼包裹起來,如 `code` 。圖例:

code

使用 tab 鍵即可縮排。

分割線

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

視訊音訊

可惜Markdown不支援新增視訊... 不過任然可以用 html 的 video 標籤來新增視訊,格式如下:

<video id="video" controls="" preload="none" poster="http://media.w3.org/2010/05/sintel/poster.png">
      <source id="mp4" src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4">
      <source id="webm" src="http://media.w3.org/2010/05/sintel/trailer.webm" type="video/webm">
      <source id="ogv" src="http://media.w3.org/2010/05/sintel/trailer.ogv" type="video/ogg">
      <p>Your user agent does not support the HTML5 Video element.</p>
</video>

小結

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

 mou

與 Markdown 相關的一些推薦