Markdown入門教程

We believe that writing is about content, about what you want to say – not about fancy formatting.
我們堅信寫作寫的是內容,所思所想,而不是花樣格式。
— Ulysses for Mac

Markdown介紹

Markdown 是一種輕量級標記語言,它允許人們使用易讀易寫的純文本格式編寫文檔,然后轉換成格式豐富的HTML頁面。 ——<a > [ 維基百科 ]

Markdown編輯器

Mac OX Windows Web
Mou Atom 簡書
Ulysses for Mac MarkdownPad csdn

Markdown語法

標題

# 一級標題
## 二級標題
### 三級標題
#### 四級標題
##### 五級標題
###### 六級標題

在#號后加一個空格,這是最標準的 Markdown語法

引用

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

> 這是一個引用

就會出現以下效果

這是一個引用

鏈接

[點擊進入百度](http:\\baidu.com)

就會出現以下效果

點擊進入百度

注意:引用先定義 [ref_name]:url,然后在需要寫入url的地方,這樣使用[錨文本][ref_name],通常的ref_name一般用數字表示,這樣顯得專業

圖片

![Markdown](http://upload-images.jianshu.io/upload_images/1335096-c81fc640acb42a3d.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

就會出現以下效果


粗體與斜體

**這是粗體**
*這是斜體*

就會出現以下效果

** 這是粗體 **
這是斜體

換行

  • 單一段落(<p>) 用一個空白行
  • 連續兩個空格 會變成一個<br>
  • 連續3個*符號,然后是空行,表示<hr>橫線

有序列表

有序列表直接在文字前加1. 2. 3. 符號要和文字之間加上一個字符的空格

1. 第一行
2. 第二行
3. 第三行

就會出現以下效果

  1. 第一行
  1. 第二行
  2. 第三行

無序列表

只需要在文字前加上 * 即可變為無序列表,符號要和文字之間加上一個字符的空格

* 第一行
* 第二行
* 第三行

就會出現以下效果

  • 第一行
  • 第二行
  • 第三行

表格

最麻煩最累人的格式

| 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

代碼框

作為程序猿,需要在文章里優雅的引用代碼框,只需要用三個 ` (反引號)包裹代碼塊

實例如下:

var canvas = document.getElementById("canvas");
var context = canvas.getContext("2d");

特殊符號

  • \來轉義,表示文本中的markdown符號
  • 可以在文本中直接使用html標簽,但是要注意在使用的時候,前后加上空行

至此,已熟悉Markdown入門級語法,想要了解更多功能,請參見官方文檔


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

推薦閱讀更多精彩內容

  • 寫在前面 之前在 CSDN 寫過一段時間的博客,使用的是傳統的文本。最近利用 Github+Hexo 搭建了一個靜...
    Lucky_Light閱讀 1,664評論 0 21
  • 1.Markdown的認識 Markdown 是一種輕量級的標記語言,用簡潔的語法進行文字排版.相對HTML,wo...
    WikongGuan閱讀 623評論 0 8
  • 為什么學習Markdown 自從搭建了 Hexo 博客之后,發現還有 Markdown 這種寫文章的方法,想到以后...
    lifeColder閱讀 20,194評論 10 216
  • << 訪問 Wow!Ubuntu NOTE: This is Simplelified Chinese Edit...
    im螞蟻閱讀 1,466評論 4 4
  • 剛看完#了不起的挑戰#,從第一期沒報什么期待的心情緩存在手機里,在公交車上一晃一晃的看完。看了兩期真心喜歡上了這...
    xxy_exe閱讀 408評論 0 1