Markdown基礎語法整理

* 更新說明

2015.11.14更新

  • 在區段元素的強調欄增加刪除線和空格的標記方法
  • 將表格、流程圖和時序圖等不常用的語法移至Markdown進階語法整理

關于Markdown

Markdown是一個 Web 上使用的文本到HTML的轉換工具,可以通過簡單、易讀易寫的文本格式生成結構化的HTML文檔。

錘子科技15年8月發布會上,老羅宣布錘子便簽支持Markdown語法。我們可大膽預測,使用Markdown語法在移動端編輯會逐漸成為趨勢。

優點

  • 簡單標記符完成排版,所寫即所見,讓你專注于文字而不是排版
  • 純文本,所以兼容性極強,可以用所有文本編輯器打開
  • 格式轉換方便,Markdown文本可以輕松轉換為 html、pdf等
  • Markdown 的標記語法有極好的可讀性

Markdown簡單語法示例


主要分為區塊元素和區段元素。

區塊元素


1.段落和換行

一個 Markdown 段落是由一個或多個連續的文本行組成,它的前后要有一個以上的空行。

2.標題

用#標識符表示,例如:

Paste_Image.png
3.區塊引用
  • 在段落的第一行最前面加">"


    Paste_Image.png
  • 區塊引用可以嵌套(例如:引用內的引用),只要根據層次加上不同數量的 > :


    Paste_Image.png
  • 區塊內也可以套用其他的 Markdown 語法,包括加粗、列表、代碼區塊等:


    Paste_Image.png
4.列表

Markdown 支持有序列表和無序列表。

  • 無序列表使用星號、加號或是減號作為列表標記,效果一樣:


    Paste_Image.png
  • 有序列表則使用數字接著一個英文句點:


    Paste_Image.png
5.代碼區塊

要在 Markdown 中建立代碼區塊很簡單,只要簡單地縮進 4 個空格或是 1 個制表符就可以,例如,下面的輸入:

Paste_Image.png
6.分隔線

你可以在一行中用三個以上的星號、減號、底線來建立一個分隔線,行內不能有其他東西。你也可以在星號或是減號中間插入空格。下面每種寫法都可以建立分隔線:

   ***
   ---
   * * *

區段元素

1.鏈接

方塊括號后面緊接著圓括號并插入網址鏈接即可,例如:
我的博客地址:Mr H's Blog

,
2.強調

Markdown 使用星號(*)和底線(_)作為標記強調字詞的符號

  • 斜體
Paste_Image.png
  • 粗體
Paste_Image.png
  • 刪除線
  • 空格

Markdown語法會忽略首行開頭的空格,如果要體現出首行開頭空兩個的效果,可以使用 全角符號下的空格 ,windows下使用 shift+空格 切換。

Paste_Image.png
3.行內標記

行內標記用反引號把它包起來' ',例如:

Paste_Image.png
4.插入圖片

我用過的簡書在線編輯器和馬克飛象都支持直接導入本地圖片和從粘貼板粘貼,就像醬紫:

Paste_Image.png

其他

1.反斜杠

Markdown可以利用反斜杠來插入一些在語法中有其它意義的符號,例如:如果你想要用星號加在文字旁邊的方式來做出強調效果,你可以在星號的前面加上反斜杠:

Paste_Image.png
2.自動郵箱鏈接

Markdown支持以比較簡短的自動鏈接形式來處理電子郵件信箱,例如:
給我發郵件,歡迎騷擾h_xuetao@163.com

Paste_Image.png

Markdown編輯器


市面上Markdown編輯器很多,功能都比較齊全,差別不大。有的界面好一些;有的瀏覽器客戶端全平臺支持;有的可以下載各種格式文檔;有的收費,有的免費;最主要還是要看什么適合自己,適合自己的才是最好的。

我是先用的是簡書的Markdown在線編輯器。然后復制粘貼到馬克飛象Markdown編輯器導出.md和pdf文檔。

參考


http://www.markdown.cn/#overview
http://www.lxweimin.com/p/q81RER
http://www.lxweimin.com/p/197fb4f0b94c

本文持續更新

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 學習Markdown。 本篇文章內容 標題寫法 列表 引用 超鏈接 插入圖片 各種文字效果與分割線 代碼格式 補充...
    wxkkkkk閱讀 1,223評論 1 7
  • << 訪問 Wow!Ubuntu NOTE: This is Simplelified Chinese Edit...
    fisher愛吃魚閱讀 6,698評論 0 71
  • Markdown 語法說明 (簡體中文版) 概述宗旨兼容 HTML特殊字符自動轉換 區塊元素段落和換行標題區塊引用...
    蚊子Skeeter閱讀 3,219評論 3 12
  • << 訪問 Wow!Ubuntu NOTE: This is Simplelified Chinese Edit...
    臨城閱讀 6,533評論 4 44
  • 聲明: 這份文檔派生(fork)于繁體中文版,在此基礎上進行了繁體轉簡體工作,并進行了適當的潤色。此文檔用 Mar...
    Cellei閱讀 4,694評論 0 21