一以故、Markdown
1、定義:
一個(gè)簡(jiǎn)單的標(biāo)記語(yǔ)言裆操,通過(guò)一些轉(zhuǎn)換庫(kù)可以將markdown和html進(jìn)行互相轉(zhuǎn)換
2怒详、作用:
用來(lái)在網(wǎng)頁(yè)上展示文章,省去排版布局的很多煩惱
二踪区、Markdown語(yǔ)法
1昆烁、作用
如在簡(jiǎn)書(shū)寫(xiě)博客,Markdown語(yǔ)法的字符串提交到簡(jiǎn)書(shū)服務(wù)器保存起來(lái)缎岗,當(dāng)打開(kāi)頁(yè)面時(shí)静尼,Markdown的字符串就被后端語(yǔ)言轉(zhuǎn)換成html,然后放到博客頁(yè)面传泊。博客頁(yè)面里引入一些 CSS鼠渺,會(huì)把丑陋的 HTML 變的好看適合閱讀
2、基本語(yǔ)法=寫(xiě)文章
(1)展示標(biāo)題:
#
效果:
一級(jí)標(biāo)題 h1
##
效果:
二級(jí)標(biāo)題 h2
###
效果:
三級(jí)標(biāo)題 h3
####
效果:
四級(jí)標(biāo)題 h4
#####
效果:
五級(jí)標(biāo)題 h5
(2)展示段落(直接寫(xiě)):
這是段落 p
(3)展示無(wú)序列表:
-
- 無(wú)序列表
-
- 無(wú)序列表
-
- 無(wú)序列表
(4)展示有序列表:
- 有序列表
- 有序列表
- 有序列表
(5)展示代碼
javascript
var a = 1
var b = 2
(6)展示單行代碼
`var a = 1`
效果:
var a = 1
(7)展示鏈接
[markdown中文教程](http://www.markdown.cn/)
效果:
markdown中文教程
(8)展示圖片
![](http://jirengu.com/imgs/a.png)
(9)展示引用
>
效果:
引用
表頭 | 表頭 |
---|---|
內(nèi)容 | 內(nèi)容 |
內(nèi)容 | 內(nèi)容 |
(10)展示表格
表頭 | 表頭 |
---|---|
內(nèi)容 | 內(nèi)容 |
內(nèi)容 | 內(nèi)容 |
左對(duì)齊:
| 表頭 | 表頭 |
|.. --- | --- |
| 內(nèi)容 | 內(nèi)容 |
| 內(nèi)容 | 內(nèi)容 |
右對(duì)齊:
| 表頭 | 表頭 |
| --- ..| --- |
| 內(nèi)容 | 內(nèi)容 |
| 內(nèi)容 | 內(nèi)容 |
居中:
| 表頭 | 表頭 |
|.. --- ..| --- |
| 內(nèi)容 | 內(nèi)容 |
| 內(nèi)容 | 內(nèi)容 |
(11)展示加粗
**加粗**
效果:
加粗
*斜體*
效果:
斜體
(12)展示加粗斜體
***斜體***
效果:
斜體
三眷细、用Markdown來(lái)寫(xiě)文章
注意:盡量空格明顯拦盹,避免不同平臺(tái)Markdown的展示效果不同
在github上的.md文件上的展示:
圖片1
圖片2
圖片3
四、總結(jié):
掌握Markdown語(yǔ)法溪椎,輕量級(jí)去寫(xiě)更多你喜歡的純文字文章
最后普舆,附上Markdown中文教程鏈接:
markdown中文教程
好好學(xué)習(xí),天天向上P6痢U勇隆!