国产精品综合av_日韩精品偷拍一区二区_久草视频资源在线_亚洲视频 中文字幕_亚洲电影AV一区春药高潮_小×导航福利在线导航_欧美性爱一级短视频_人成视频免费在线观看不卡_国产九色在线播放_国产高清无码一区二区

藍海情報網

書接前文,Markdown進階玩法。

藍海情報網 335

書接前文,Markdown進階玩法。

前幾天寫了一篇關于 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ū)塊標簽 、

、

時,必須在前后加上空行與其它內容區(qū)隔開,開始標簽和結束標簽不能用Tab或空格來縮進。

例如在 Markdown 文件里插入 HTML 表格:

Name Age No.
Tom 21 01

標簽渲染效果如下:

Name
Age
No.
Tom
21
01

要注意的是,在 HTML 區(qū)塊標簽間的 Markdown 格式語法將不會被處理。比如在 HTML 區(qū)塊內使用 Markdown 樣式的*強調*會沒有效果。

插入視頻

Markdown 不具有插入視頻的功能,好在我們依然可以利用它支持 HTML 標簽的特性,用

視頻插入格式如下:

2 標題 ID

許多 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

復選框渲染效果如下:

書接前文,Markdown進階玩法。

5 定義列表

簡單來說,就是對多個術語的定義和描述。要創(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
6 圍欄代碼塊

基本 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

8 Emoji表情

有兩種方法可以將表情符號添加到 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 備忘錄學習。

看完覺得寫得好的,不防打賞一元,以支持藍海情報網揭秘更多好的項目。

標簽:

ad2

推薦內容