前幾天寫了一篇關于 Markdown 的科普文章Markdown基礎語法?,本文繼續(xù)探討 Markdown 相關擴展語法。
1 內嵌HTML標簽
Markdown 語法的標記相較于 HTML 還是小菜一碟,當然作為一種寫作格式語言,大部分時候是夠用的。如果需要進一步優(yōu)化文字視覺表現(xiàn)力,可以在 Markdown 中內置一些 HTML 和 CSS 樣式來改善。
使用時,只需使用 HTML 本身標簽即可,無需在其前面添加前綴或分隔符來表明你正在從 Markdown 切換到 HTML。
行內標簽
HTML 的行內標簽如、、不受限制,可以在 Markdown 的段落、列表或是標題里任意使用。如果你喜歡,可以直接采用 HTML 標簽來格式化。
Less is more.(strong 是 HTML 加粗標簽)
標簽渲染效果如下:
Less is more .
內嵌 CSS 樣式
還可以在 Markdown 中嵌入 CSS 樣式,和HTML一起使用。
例如,給段落加 CSS 樣式:
All the love songs were about you.
換了顏色及傾斜后渲染效果如下:
Life is the art of drawing sufficient conclusions form insufficient premises.
區(qū)塊標簽
使用 HTML 區(qū)塊標簽 、
Name | Age | No. |
Tom | 21 | 01 |
標簽渲染效果如下:
要注意的是,在 HTML 區(qū)塊標簽間的 Markdown 格式語法將不會被處理。比如在 HTML 區(qū)塊內使用 Markdown 樣式的*強調*會沒有效果。
插入視頻
Markdown 不具有插入視頻的功能,好在我們依然可以利用它支持 HTML 標簽的特性,用
視頻插入格式如下:
許多 Markdown 編輯器支持標題的自定義 ID,方便直接鏈接到標題并使用 CSS 對其修改。
書寫格式是在標題后邊用大括號包裹自定義的 ID 。
##### Have a nice day {#my-id}
對應 HTML 是這樣的:
Have a nice day
標簽渲染效果如下:
Have a nice day3 頁內錨點跳轉利用指定標題 ID ,通過鏈接格式可實現(xiàn)頁面內目錄跳轉,鏈接錨點會自動滾動到屏幕頂端。
把指定 ID 放在標題后面,注意大括號左邊的空格不可少。
### Test title {#custom}[Jump here](#custom)
如果 Markdown 工具不支持上述 {#custome} 語法(比如MarktText),還可以使用 span 標簽,為元素添加 id 來實現(xiàn)。
Test title[Jump here](#custom)
跳轉渲染效果如下:
Test title
Jump here
4 任務列表創(chuàng)建帶有復選框的 TODO List 任務列表,請在任務列表前面添加破折號-和方括號[ ],注意,破折號和方括號之間,以及方括號里面要加空格。選擇哪個復選框,就在方括號[x] 里面添加 x 。
- [x] This is the first one- [ ] This is the first two
復選框渲染效果如下:
簡單來說,就是對多個術語的定義和描述。要創(chuàng)建定義列表,請在第一行上鍵入術語。在下一行,輸入一個冒號,后跟一個空格和詳細定義。
Frist List: This is the List Description
Second List: This is another List Description
對應 HTML 像這樣:
- Frist List
- This is the List Description
- Second List
- This is another List Description
渲染效果如下:
Frist List This is the List Description Second List This is another List Description
基本 Markdown 語法允許你通過縮進四個空格或一個制表符來創(chuàng)建代碼塊,如果覺得不方便,可以嘗試用圍欄代碼塊。
在代碼塊前后使用三個反引號```,或三個波浪號~~~。
```{ "firstName": "John", "lastName": "Smith", "age": 25,}```
如果想讓代碼高亮顯示,在代碼塊的反引號后面指定一種語言,比如 Java:
```java System.out.println(Hello World);```
渲染效果如下:
System.out.println(Hello World);7 表格
在 Markdown 基礎篇里我們介紹了創(chuàng)建表格的方法,這里再擴展一下表格的樣式。
單元格寬度可以通過橫向連字符--自由控制。
| No. | Age | Time || --| ------- | -------- || 18 | 24 | 2025.01.21 |
如下所示,渲染效果看起來相同。
No. | Age | Time |
---|---|---|
18 | 24 | 2025.01.21 |
在連字符---左側、右側或兩側添加冒號 :,來控制列表文本左、右、中對齊。
| No. | Name | Birthday || :-- | :-----: | ------------: || 18 | 24 | 08.18 |
渲染效果如下:
No. | Name | Birthday |
---|---|---|
18 | 24 | 08.18 |
有兩種方法可以將表情符號添加到 Markdown 文本中,一是從 emojipedia 網站上復制表情符號并粘貼到文本中,另外一種是直接輸入 emoji shortcodes,使其包裹在兩個冒號中間。
*剛出去散步* :Walking:*看見了一只貓咪* :cat:
表情符號渲染效果如下:
剛出去散步 ?♂?
看見了一只貓咪 ?
9 反斜杠轉義有時候會希望插入一些符號而不想被當作 Markdown 標記渲染,就需要對這些符號進行轉義。方法是,在字符前面添加反斜杠字符。
例如,我想用星號*加在文字旁邊做強調效果,可以這樣寫:
* Are you OK?
渲染效果如下:
* Are you OK?
可轉義的字符
Markdown 支持以下這些符號前面加上反斜杠,從而達到轉義目的。
backslash` backtick* asterisk_ underscore{} curly braces[] square brackets() parentheses# hash mark+ plus sign- minus sign (hyphen). dot! exclamation mark
特殊字符自轉義
在 HTML 中,有兩個字符需要特殊處理:< 和 &。左尖括號用于開始標記;& 符號用于表示 HTML 實體。如果要將它們用作文字字符,則必須將它們轉義為實體,例如< 和 &。
比如你想寫關于AT&T的內容,你需要寫 AT&T。還需要在 URL 中轉義&字符,如果你想鏈接到:
...&q=larry+bird
必須將 URL 編碼為:
...&q=larry+bird
才能放到標簽href屬性中,這很容易被忘記。Markdown 允許你直接使用這些符號,并幫你自動處理所有必要的轉義。如果你使用&符號作為 HTML 實體的一部分,它將保持不變,否則它將被翻譯成&。
因此,如果想在文章中包含版權符號,可以這樣寫:
© 印跡說(符號代碼 ©)
Markdown 不會對它做修改,但如果你寫:
AT&T
Markdown 會將其翻譯為:
AT&;T
類似地,由于 Markdown 支持行內 HTML,如果你使用尖括號<作為 HTML 標簽的分隔符,Markdown 不會對其做任何轉義,但如果你這樣寫:
4 < 5
Markdown 會將其翻譯為:
4 < 5
另外要注意的是,在 Markdown 內聯(lián)和塊元素中,<尖括號和&符號始終會自動編碼。這使得使用 Markdown 編寫 HTML 代碼變得容易(在 HTML 語法中,你要手動把所有的 < 和 & 都轉換為 HTML 實體。)
10 自動 URL 鏈接許多 Markdown 編輯器會自動將 URL 或者 email 地址轉換為鏈接,輸入網址時,即使沒使用尖括號<,Markdown 編輯器也會自動轉為可點擊鏈接。
https://mp.weixin.qq.com
如果想禁用自動鏈接 URL,則可以通過反引號(``)來刪除該鏈接。
`https://mp.weixin.qq.com`11 腳注
腳注用于添加注釋和參考來源,添加腳注時,帶有腳注的上標數(shù)字會出現(xiàn)在添加腳注參考的位置。這樣做的好處是,能保持文檔的整潔性。
創(chuàng)建方法是,在方括號內[^1]添加插入符號和標識符,標識符可以是數(shù)字或單詞,但不能包含空格或制表符。
[^1]: This is the first footnote.[^2]: This is the second footnote.
Markdown 語法的最大靈感來源是純文本電子郵件的格式,旨在盡可能地易于閱讀和易于編寫。因此,Markdown 的語法完全由標點符號組成,這些標點符號經過精心挑選,以使其看起來像它們的意思。
由于公眾號并不能完全兼容 Markdown 所有標記語法,導致一些演示效果與實際效果有細微差異,還由于不能插入外部鏈接,有一些語法不能完整呈現(xiàn),不過并不影響作為 Markdown 備忘錄學習。
看完覺得寫得好的,不防打賞一元,以支持藍海情報網揭秘更多好的項目。
推薦內容
上一篇 當小紅書不再對新人友好...
下一篇 哪吒 變局時代下的英雄敘事