『markdown』入門語法介紹

如果想在網(wǎng)上發(fā)發(fā)文章,寫寫博客,那么markdown是非常推薦的一門語言,文字工作者,IT從業(yè)者等等都可以花一點(diǎn)時間來學(xué)一學(xué),語法簡單,使用靈活。

什么是markdown

拋開那些嚴(yán)謹(jǐn)?shù)墓俜蕉x,我個人理解markdown就是一種簡易的語言,可以舒服的書寫及排版文本文字。
??可以用一些規(guī)定符號對文字方便的進(jìn)行格式化和排版,讀寫都很方便。
??markdown是兼容HTML的,這就能實(shí)現(xiàn)很多炫酷的樣式啦,搞過前端的朋友肯定很熟悉。

markdown語法介紹

1. 標(biāo)題

markdown中如何表示標(biāo)題呢,比如此篇開頭的標(biāo)題:

什么是markdown

實(shí)現(xiàn)標(biāo)題效果,只需要:

#標(biāo)題名

可以輸出1-6個#來對應(yīng)1-6級標(biāo)題(其中1級標(biāo)題字體最大,6級標(biāo)題字體最?。?。


2.引用

學(xué)會了標(biāo)題,有人可能奇怪文章頭部以及標(biāo)題語法中的那種引用區(qū)是如何實(shí)現(xiàn)的。想要實(shí)現(xiàn)引用區(qū),只需要在文字前加入>號:

>曾夢想仗劍走天涯
>看一看世界的繁華

當(dāng)然你不用每行都加上>,只需要第一行首寫一個就能作用整個段落,如下:

>曾夢想仗劍走天涯
看一看世界的繁華

效果相同。


3.列表

  • 無序列表:
  • Java
  • JavaScript
  • Python

想要實(shí)現(xiàn)無序列表,需要*+空格+表項(xiàng),注意*和表項(xiàng)中間是有個空格的:

* Java
* JavaScript
* Python

  • 有序列表:
  1. Java
  1. JavaScript
  2. Python

實(shí)現(xiàn)有序列表,只需要將無序列表中*位置替換成數(shù)字+句點(diǎn),即數(shù)字+句點(diǎn)+空格+表項(xiàng)。


4.代碼區(qū)

如果你的文章需要插入代碼,那么就要用到代碼區(qū)塊了,效果是這樣的:

String helloMarkDown = "hello markdown";

public void deJunz(String words){
    System.out.println(words);
}

deJunz(helloMarkDown);//hello markdown

想要插入代碼,只需要在你插入的每行代碼前輸入四個空格或一個制表符即可,記得要在每行前都縮進(jìn),不然會打亂排版。

嫌麻煩?還有一種寫法,通過反引號`來標(biāo)識代碼首尾:

首尾使用一個反引號:
String helloMarkDown = "hello markdown"; public void deJunz(String words){ System.out.println(words); } eJunz(helloMarkDown);//不縮進(jìn),一個反引號包含首尾(2個效果相同)

首尾使用三個反引號:

String helloMarkDown = "hello markdown";
public void deJunz(String words){
    System.out.println(words);
   }
eJunz(helloMarkDown);//不縮進(jìn),三個反引號包含首尾

可見使用三個反引號時效果與首行縮進(jìn)相同。


5.字體的斜體和加粗

寫文章難免需要特殊標(biāo)記一些文字,比如在上面就能看到一些我加粗的重點(diǎn)文字。

  • 字體傾斜:

我斜啦

斜體可以使用一對*或者_(dá)來包裹目標(biāo)文字:

*我斜啦*
_我斜啦_

  • 字體加粗

我粗啦

粗體可以使用一對**或者_(dá)_來包裹目標(biāo)文字,相比斜體多了一個特殊符號:

**我粗啦**
__我粗啦__

用*或_號的效果相同的,隨便選擇。


6.圖片和鏈接

  • 插入圖片:

一般的markdown編輯器的工具欄都有圖像化插入操作界面,這里重點(diǎn)介紹下通過語法進(jìn)行對圖片鏈接進(jìn)行引用。

語法如下:

![圖片介紹](url)

即,嘆號+左方括號+描述文字+右方括號+左小括號+鏈接+右小括號。

通過url顯示我的頭像,寫法如下:

![我的頭像](myURL) //myURL就是我頭像所在網(wǎng)址,太長在這里簡寫

效果如圖:


我的頭像

還有一種引用方法,是先定義圖片的id,再進(jìn)行引用,這兩種方法最終都會生成相同的markdown語句,本質(zhì)是相同的,有興趣的朋友自己去學(xué)習(xí)下另一種方法吧,這里不介紹了。

  • 鏈接:

會了引用圖片,鏈接就簡單多啦,語法如下:

[顯示文本](url "鼠標(biāo)指向提示信息")

可以看出,相比圖片,少了一個!,但是小括號里多了一個屬性,與url通過空格隔開,這個屬性的作用是在你鼠標(biāo)停在鏈接上時會彈出提示信息,注意,這個屬性是可選的,寫成如下形式也可以:

[顯示文本](url)

這里會鏈接到我的文章列表:deJunz文章列表

寫法:

[deJunz文章列表](URL "dejunz")


Tips

下面是我在使用markdown的一些經(jīng)驗(yàn):

1. 轉(zhuǎn)義

有時候我們想單純打出*[\等功能字符,這是時就需要用到了轉(zhuǎn)義字符\,通過\*就能以文本形式顯示出特殊功能字符。

2. 空格

markdown中如何打空格

表示一個空格

3. 列表和標(biāo)題一起使用
  • 如果標(biāo)題欄正好是一系無序列表,那么先輸入*再輸入#,不然無法正確識別。
  • 刺客信條

寫法為:

* ###### 刺客信條

  • 若標(biāo)題為有序列表
    則應(yīng)先輸入#再輸入數(shù)字和句點(diǎn)。
    若先輸入數(shù)字和句點(diǎn)再輸入#號,可能會這樣:
  1. 無主之地

發(fā)現(xiàn)數(shù)字沒有和文本統(tǒng)一格式大小,顯然這影響閱讀。

正確寫法:

#### 1. 無主之地

效果:

1. 無主之地

4. 分隔線

使用連續(xù)的* _ -三種字符繪制分隔線,效果相同,如下:


5. 段內(nèi)代碼塊

如果想達(dá)到這種段內(nèi)代碼塊效果:

飛雪連天射白鹿

只需要用單個反引號將目標(biāo)文字首尾包含。

寫法:

飛雪`連天`射白鹿

6. 兼容HTML

markdown兼容HTML(一些操作直接是生成HTML顯示的)。

比如換行操作直接輸入:

<br />

就可完成換行操作。

<br /><br />


文章內(nèi)容為個人理解,如有錯誤歡迎指出。

郵箱:CodingDjz@126.com

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

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

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