Markdown 入門
什麼是Markdown
簡單來說,markdown就是一個簡單的標記語言。這些標記語言和html的一些標記相對應。通過一些轉換庫可以把markdown轉換成html,或者把html轉換成markdown。
為什麼要使用markdown
- 與傳統的富文本編輯器比較而言,markdown可以讓作者更專註於「寫作」本身,而不是排版。
Mardown內容是如何轉換成好看的html的
- 我們在頁面中使用markdown語法編寫內容
- 提交後,markdown語法隨同文章內容一起被保存在資料庫中
- 預覽時,後端程序利用轉換庫把markdown轉換成html標籤,然後放到頁面中
- 頁面中需要引入一些css,把轉換後的html渲染的更好看
語法
標題
#符號的個數表示標題的層級,#後不要忘記空格
段落
文字前後有換行就是段落
無序列表
- 加空格 就是一個無序列表的項。
- 無序列表1
- 無序列表2
- 無序列表3
有序列表
數字加點加空格就是一個有序列表的項
- 有序列表1
- 有序列表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 |