標籤:

Markdown 入門

什麼是Markdown

簡單來說,markdown就是一個簡單的標記語言。這些標記語言和html的一些標記相對應。通過一些轉換庫可以把markdown轉換成html,或者把html轉換成markdown。

為什麼要使用markdown

  • 與傳統的富文本編輯器比較而言,markdown可以讓作者更專註於「寫作」本身,而不是排版。

Mardown內容是如何轉換成好看的html的

  1. 我們在頁面中使用markdown語法編寫內容
  2. 提交後,markdown語法隨同文章內容一起被保存在資料庫中
  3. 預覽時,後端程序利用轉換庫把markdown轉換成html標籤,然後放到頁面中
  4. 頁面中需要引入一些css,把轉換後的html渲染的更好看

語法

標題

#符號的個數表示標題的層級,#後不要忘記空格

段落

文字前後有換行就是段落

無序列表

- 加空格 就是一個無序列表的項。

  • 無序列表1
  • 無序列表2
  • 無序列表3

有序列表

數字加點加空格就是一個有序列表的項

  1. 有序列表1
  2. 有序列表2

在段落中插入代碼塊

以三個```包括代碼即可(`符號就是數字1左邊那個符號)

如:

在文字中插入代碼塊

以單個`包含代碼塊即可

這裡的一句文字中包好了一句代碼: console.log(a) 使用單個符號即可

鏈接

[]()n

[]中寫鏈接名稱,()中寫具體的url

如:

[必應](www.bing.com) n

圖片

與鏈接相似,只是多了一個感嘆號

![]()n

粗體與斜體

**加粗** : 加粗 *斜體*: 斜體

引用

> 大於號表示引用。 >後的內容就是引用的內容

表格

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

分割線

三個連續的星號表示一跳分割線

***n

轉換庫

markdown的轉換庫前端,後端都有實現。

js中常用 markdown-js markdown-js


推薦閱讀:

認識與入門 Markdown
學會優雅實用的 Markdown 寫作,從這篇文章開始吧 | 有用功
為什麼markdown編輯器Mou這麼受歡迎?
《編寫README文檔》課程學習筆記
怎麼樣才能讓列印後的pdf文件與源文件字體顏色保持一致?

TAG:Markdown |