一、認(rèn)識MarkDown
Markdown 是一種用來寫作的輕量級「標(biāo)記語言」决采,它用簡潔的語法代替排版悟耘,而不像一般我們用的字處理軟件 Word 或 Pages 有大量的排版、字體設(shè)置织狐。它使我們專心于碼字,用「標(biāo)記」語法,來代替常見的排版格式彻犁。例如此文從內(nèi)容到格式击奶,甚至插圖,鍵盤就可以通通搞定了
1、使用 Markdown 的優(yōu)點
- 專注你的文字內(nèi)容而不是排版樣式,安心寫作。
- 輕松的導(dǎo)出 HTML捐顷、PDF 和本身的 .md 文件。
- 純文本內(nèi)容雨效,兼容所有的文本編輯器與字處理軟件迅涮。
- 隨時修改你的文章版本,不必像字處理軟件生成若干文件版本導(dǎo)致混亂徽龟。
- 可讀叮姑、直觀、學(xué)習(xí)成本低据悔。
我該用什么工具传透?
- Mac
如果是Mac系統(tǒng) 推薦 Mou
Mou 的優(yōu)點
- 支持 實時預(yù)覽
左邊代碼 右邊是界面 ** 所寫即所得 ** - Mou的內(nèi)部有許多 Markdown語法 例子 可供你們參考
第一次打開就可以看到 - 有趣的設(shè)置
主題* Themes * 和 * CSS*
通過這些可以配置出定制化的文本編輯效果與導(dǎo)出效果 - 擴(kuò)展 如果自帶的主題不能滿足你的需求 你可以到 GitHub 上 搜索其他的Mou主題樣式
導(dǎo)入方法 :偏好設(shè)置->>Themes /CSS選項中 選擇reload
- windows
如果是Windows系統(tǒng) 推薦 MarkdownPad 和MarkPad
- Web
如果是Web端 推薦 簡書
同樣支持左右兩欄的實時預(yù)覽
,字體優(yōu)雅
极颓,簡潔
朱盐。
Markdown語法
1、虛橫線 菠隆、分割線
*** 或--- 或___
(三個或者三個以上)
結(jié)果
橫線
2兵琳、標(biāo)題
- 第一種形式(Setext)
#一級標(biāo)題
##二級標(biāo)題
###三級標(biāo)題
依次類推
-
第二種形式(Atx)
一級標(biāo)題 ============
二級標(biāo)題 -----------
結(jié)果
標(biāo)題
引用
行首使用>`加上一個空格`表示引用段落,內(nèi)部可以嵌套多個引用
語法:
> 這里是一個引用
> 這里木有換行
> 在這里換行了
>>內(nèi)部嵌套
>>>內(nèi)部嵌套
結(jié)果
結(jié)果
代碼塊
- 使用每行開頭4個空格(tab)鍵 或者三個`(數(shù)字1左邊的)包在一起的
語法
效果
代碼塊
列表
-
1骇径、無序列表使用
*
闰围,+
,-
后面+空格來表示語法
> * Item 1> + Item 2 > - Item 3
結(jié)果
無序列表
注意:這里前面的 點點的形狀和*
或者+
,-
前面的tab(空格個數(shù)有關(guān)) -
2.*有序列表使用 數(shù)字+英文句號+空格 表示 *
1.Item 1
2.Item 2
3.Item 3結(jié)果
1.Item 1
2.Item 2
3.Item 3 3.表格(在簡書中沒有效果) 在GitHub和CSDN中有效果
| Day | Meal | Price |
|:--------|---------:|:-------:|
| Monday | pasta | $6 |
| Tuesday | chicken | $8 |-
注:
最左邊和最右邊一條的分割線可以不寫
第二排分割線的個數(shù)可以不和 上面表頭的寬度相同
在中間分割線中 添加冒號(注意大小寫)
左對齊:左邊加冒號
右對齊:右邊加冒號
中對齊:兩邊都加冒號
效果:
強(qiáng)調(diào)
- Markdown 使用
*
或_
表示強(qiáng)調(diào)
語法
加粗的斜體***加粗的斜體***
刪除線~~刪除線~~
斜體粗體
單星號 = 斜體
單下劃線 =斜體
雙星號 = 加粗
雙下劃線 =加粗
效果
強(qiáng)調(diào)
鏈接
Markdown支持兩種風(fēng)格的鏈接:Inline 既峡,Reference
- Inline 格式
[鏈接的文字](鏈接的網(wǎng)址+"可選的標(biāo)題")
- 適用范圍:以中括號標(biāo)記顯示的鏈接文本,后面緊跟用小括號包圍的鏈接碧查。如果鏈接有title屬性运敢,則在鏈接中使用空格加"title屬性"。
- Reference 格式
調(diào)用部分:[鏈接的文字][ref]
定義部分:[ref]:鏈接的網(wǎng)址"可選的標(biāo)題"
- 一般應(yīng)用于多個不同位置使用相同鏈接忠售,定義部分可以出現(xiàn)在文本中的其他位置传惠。注:ref中不區(qū)分大小寫。 ref不是固定的 ref是不同網(wǎng)址的標(biāo)示 不同的網(wǎng)址 用不同的名字 eg:用fir等
語法
頁面內(nèi)的導(dǎo)航(此功能在簡書的Markdown沒有效果在CSDN中可以使用)
1.先定義一個錨記
<div id="header"></div>
2.然后設(shè)置頁內(nèi)鏈接
[到頂部](#header)
圖片
-
圖片的使用方法和鏈接類似 稻扬。只是在中括號前面加上一個
!
號
**注:Markdown不能設(shè)置圖片的大小卦方,如果必須設(shè)置的話應(yīng)該使用HTML
標(biāo)題,如果大于顯示區(qū)域泰佳,則圖片寬度自適應(yīng)浇坐,如果圖片較小則以原始尺寸顯示。 **
語法
Inline格式[站外圖片上傳中……(1)]
Reference格式
調(diào)用部分![圖片的名字][pic]
定義部分[pic]:鏈接的網(wǎng)址 “可選的標(biāo)題”
HTML格式(可以修改圖片的寬高)
[站外圖片上傳中……(2)]
自動鏈接
- 使用 尖括號 近刘,可以為輸入的
URL
或者郵箱
自動創(chuàng)建鏈接
轉(zhuǎn)義字符
Markdown 可以利用反斜杠來實現(xiàn)轉(zhuǎn)義介劫, 支持以下這些符號前面加上反斜杠來幫助插入普通的符號
\ 反斜線
` 反引號
* 星號
_ 底線
{} 花括號
[] 方括號
() 括弧
# 井字號
+ 加號
- 減號
. 英文句點
! 驚嘆號
參考文章:
視頻教程及詳解
Markdown——入門指南
Markdown寫作淺談
Markdown工具推薦
**Markdown語法 ->特別推薦 **
**Markdown語法詳解 **
GitHub中的Markdown及Demo