一本正經(jīng)的學(xué)習(xí)下Markdown

下面,我要開始學(xué)習(xí)Markdown了:

我愛學(xué)習(xí)

一、什么是Markdown

Markdown是一種輕量級的標(biāo)記語言,通過簡單的標(biāo)記語法可以使普通文本具有一定的格式。

二、簡單的例子

作為程序員,每當(dāng)接觸新的東西都要先寫個(gè)Demo試試。

我們可以用Markdown對文字進(jìn)行**加粗**、*加斜*,也可以添加一個(gè)鏈接到[我的主頁](http://www.itdecent.cn/users/5a2675fba15e/latest_articles)。

我們可以用Markdown對文字進(jìn)行加粗、加斜,也可以添加一個(gè)鏈接到我的主頁。

三、Markdown語法

下面列出Markdown的一些常用語法:

標(biāo)題(Header)

使用連續(xù)的#標(biāo)注標(biāo)題

# HTML中<h1>標(biāo)題
## HTML中<h2>標(biāo)題
... ...
###### HTML中<h6>標(biāo)題

強(qiáng)調(diào)(Emphasis)

使用*、_**、__標(biāo)注強(qiáng)調(diào)。如下:

*單星號(hào)*
_單下劃線_
**雙星號(hào)**
__雙下劃線__
_我們可以**組合使用**下劃線和星號(hào)_

產(chǎn)生如下效果:
單星號(hào),
單下劃線,
雙星號(hào),
雙下劃線,
我們可以組合使用下劃線和星號(hào)

當(dāng)然,也有刪除線,使用~~進(jìn)行書寫:

~~雙波浪線~~

得到效果如下:
雙波浪線

無序列表(Unordered Lists)

使用*構(gòu)造無序列表:

* item 1
* item 2

產(chǎn)生如下列表:

  • item 1
  • item 2

使用+構(gòu)造無序列表:

+ item 1
+ item 2

產(chǎn)生如下列表:

  • item 1
  • item 2

使用-構(gòu)造無序列表:

- item 1
- item 2

產(chǎn)生如下列表:

  • item 1
  • item 2

可以看出使用*、+-效果是相同的。

有序列表(Ordered Lists)

使用連續(xù)數(shù)字構(gòu)造有序列表:

1. item 1
2. item 2

產(chǎn)生如下列表:

  1. item 1
  2. item 2

使用非連續(xù)數(shù)字構(gòu)造有序列表:

3. item 1
8. item 2

產(chǎn)生如下列表:

  1. item 1
  2. item 2

使用 http://dillinger.io/ 時(shí),構(gòu)造有序列表時(shí)會(huì)以第一個(gè)數(shù)字起始生成連續(xù)的列表序號(hào)。而使用簡書都是以1開始生成列表序號(hào)。

圖片(Image)

圖片有兩種風(fēng)格:內(nèi)聯(lián)風(fēng)格引用風(fēng)格
內(nèi)聯(lián)風(fēng)格為:![Alt Text](url "title"),其中 title 可選。

![我的頭像](http://upload-images.jianshu.io/upload_images/3834372-5179e540180de8c0.JPG?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "doggy")

得到下面的圖片:


我的頭像

引用風(fēng)格為:
[Alt Text][id]
[id]: url

![比你優(yōu)秀的人都在努力][3]

[3]: http://upload-images.jianshu.io/upload_images/3834372-f300be125b18286e.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240

得到圖片:


比你優(yōu)秀的人都在努力

鏈接(Link)

鏈接也有兩種風(fēng)格:內(nèi)聯(lián)風(fēng)格引用風(fēng)格
內(nèi)聯(lián)風(fēng)格為:[Text](url)

[我的主頁](http://www.itdecent.cn/users/5a2675fba15e/latest_articles)

得到下面的鏈接:
我的主頁

引用風(fēng)格為:
[Text][id]
[id]: url

[GitHub][1]
[簡書][2]
[卓越女生][girl]

[1]: https://github.com/
[2]: http://www.itdecent.cn/
[girl]: https://bbs.excellence-girls.org/

對得到下面的地址鏈接:
GitHub
簡書
卓越女生

注意: 定義的名字可以包含字母、數(shù)字、空格和符號(hào),但它不是大小寫敏感的。

區(qū)塊引用(Blockquotes)

區(qū)塊引用使用>表示:

> this is a block quote.

得到下面的結(jié)果:

this is a block quote.

行內(nèi)代碼(Inline code)

行內(nèi)代碼,使用反引號(hào)進(jìn)行書寫,例如:int count = 0;

代碼塊(Code block)

使用 ```+語言類型 書寫代碼塊,其中的語言類型可選。代碼塊中的Markdown語法是不被解析的。

public class Main {
    public void static main(String[] args) {
        System.out.println("this is java code.");
    }
}

水平線(Horizontal Line)

在一行里輸入三個(gè)以上的星號(hào)或下劃線(-*)來插入一個(gè)水平線:

---
***

相應(yīng)地,會(huì)產(chǎn)生下面的水平線:



表格(Tables)

表格的書寫相對比較困難:

| left | center | right |
| ---------- |:----------:| ----------:|
| left-aligned | center-aligned | right-aligned |

得到如下表格:

left center right
left-aligned center-aligned right-aligned

轉(zhuǎn)義字符(Backslash escapes)

Markdown允許你對Markdown格式語法里面有特殊意義的字符做轉(zhuǎn)義來輸出他們本身:

\   backslash 反斜線
`   backtick 反引號(hào)
*   asterisk 星號(hào)
_   underscore 下劃線
{}  curly braces 花括號(hào)
[]  square brackets 方括號(hào)
()  parentheses 圓括號(hào)
#   hash mark 井號(hào)
+   plus sign 加號(hào)
-   minus sign (hyphen) 減號(hào)(連字符)
.   dot 句點(diǎn)
!   exclamation mark 感嘆號(hào)

總結(jié)

Markdown基本語法已經(jīng)學(xué)習(xí)完畢,使用時(shí)若有疑問,可以查看Markdown 語法說明進(jìn)行查閱,配合工具能夠達(dá)到更好的效果。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容