插件及說(shuō)明查找過(guò)程

1. csdn搜索markdown圖片路徑，找到關(guān)于這一款插件的回答。
2. 打開(kāi)vscode拓展搜索Paste Image這款插件，看到下載量挺高的，應(yīng)該不賴(lài)。
   
3. 點(diǎn)擊倉(cāng)庫(kù),進(jìn)入該插件開(kāi)源的github倉(cāng)庫(kù),查看README文件閱讀說(shuō)明.
   淡然在Vscode 插件項(xiàng)目下的細(xì)節(jié)一欄也可以看到README文件.

點(diǎn)擊進(jìn)入倉(cāng)庫(kù): github - Paste Image

4. 看到在此README文件中，包含使用方法、配置方法、 配置案例、版本迭代說(shuō)明、提建議（聯(lián)系方式）、許可證、捐贈(zèng)。

反思總結(jié)

• 使用方法盡量查看作者原文，此博文僅記錄方法。
• 只是關(guān)心此插件的使用方法，所以具體的開(kāi)源項(xiàng)目代碼不必查看。
• 文檔說(shuō)明很詳細(xì)，遇到不會(huì)的利用chatgpt3.5、有道詞典、百度等渠道了解，同時(shí)避免深挖對(duì)于當(dāng)下不必要的細(xì)節(jié)。

知識(shí)拓展

1. 路徑分隔符

unix是/ ， 而windows是\，而\在json中是轉(zhuǎn)義字符，在json中需要用\\表示路徑分隔符。

2.一些英文

extension：拓展名，用作ext的拓展名

${currentFileNameWithoutExt}: the current file name without ext.

variable：變量

2. Base64介紹

Base64 是一種用于表示二進(jìn)制數(shù)據(jù)的編碼方式，它將二進(jìn)制數(shù)據(jù)轉(zhuǎn)換成由 64 個(gè)字符組成的 ASCII 字符串。這種編碼方式的主要目的是使二進(jìn)制數(shù)據(jù)能夠以文本的形式安全傳輸，并且可以在文本協(xié)議中嵌入二進(jìn)制數(shù)據(jù)，如在 HTML、CSS、JavaScript 和 XML 中。

Base64 的特點(diǎn)：

字符集： Base64 編碼使用 64 個(gè)字符，包括大小寫(xiě)字母（A-Z, a-z）、數(shù)字（0-9）和兩個(gè)特殊字符（+ 和 /）。有時(shí)候，尾部可能會(huì)有一個(gè)或兩個(gè)等號(hào)（=）作為填充字符。

長(zhǎng)度增加： 由于 Base64 編碼會(huì)將三個(gè)字節(jié)的二進(jìn)制數(shù)據(jù)編碼成四個(gè)字符，所以編碼后的字符串長(zhǎng)度通常比原始二進(jìn)制數(shù)據(jù)長(zhǎng) 1/3。

不可逆性： Base64 是一種編碼而非加密，它是不可逆的。即使將 Base64 編碼的字符串解碼回原始數(shù)據(jù)，也無(wú)法還原到原始的二進(jìn)制數(shù)據(jù)。

為什么使用 Base64？

傳輸二進(jìn)制數(shù)據(jù)： 在一些文本協(xié)議或格式中，只允許傳輸文本數(shù)據(jù)，無(wú)法直接傳輸二進(jìn)制數(shù)據(jù)。使用 Base64 可以將二進(jìn)制數(shù)據(jù)編碼成文本形式，方便傳輸。

嵌入圖片和文件： 在 HTML、CSS 或 JavaScript 中，可以將圖片或其他二進(jìn)制文件以 Base64 編碼的形式嵌入，而不必額外加載文件。

數(shù)據(jù) URI： 使用 Base64 可以創(chuàng)建數(shù)據(jù) URI，將小型圖像或其他數(shù)據(jù)直接嵌入到網(wǎng)頁(yè)中，減少 HTTP 請(qǐng)求。

Base64 編碼示例：
考慮一個(gè)字符串 “Hello, World!” 的 Base64 編碼示例：

將字符串轉(zhuǎn)換為二進(jìn)制數(shù)據(jù)：

01001000 01100101 01101100 01101100 01101111 00101100 00100000 01010111 01101111 01110010 01101100 01100100 00100001

將每三個(gè)字節(jié)的二進(jìn)制數(shù)據(jù)分組，并在每組的前面添加一個(gè) 0 作為填充：

010010 000110 010101 100110 110011 011011 000110 110011 011011 110110 011100 110110 011111 001011 110000 000100 010110 000111 011011 110111 011100 100010 011011 010000 110100 110010 000001

使用 Base64 字符集將每組的 6 個(gè)比特編碼成一個(gè)字符：

SGVsbG8sIFdvcmxkIQ==

這就是字符串 “Hello, World!” 的 Base64 編碼結(jié)果。解碼該字符串將得到原始的二進(jìn)制數(shù)據(jù)。在編碼和解碼過(guò)程中，Base64 提供了一種可靠的方式來(lái)表示二進(jìn)制數(shù)據(jù)，以便在文本環(huán)境中使用。

為什么小型圖片適合使用 URL：

減小傳輸體積： Base64 編碼會(huì)使圖片文件大小增加約 1/3，這對(duì)于本身就較小的圖片來(lái)說(shuō)，不劃算。小型圖片通過(guò) URL 直接引用，可以減小傳輸體積，加快加載速度。

減少加載時(shí)間： 對(duì)于小型圖片，直接使用 URL 引用可以減少 HTML 文件的體積，提高頁(yè)面加載速度。這在移動(dòng)端和網(wǎng)絡(luò)條件較差的情況下尤為重要。

何時(shí)使用 Base64 編碼：

圖片較小且需要嵌入： 對(duì)于一些小型的圖標(biāo)、按鈕等，如果需要將其直接嵌入到 HTML、CSS 或 JavaScript 中，使用 Base64 編碼是一種方便的做法。

減少 HTTP 請(qǐng)求： 在某些情況下，可以將一些小型的背景圖片或圖標(biāo)轉(zhuǎn)碼為 Base64，以減少對(duì)服務(wù)器的 HTTP 請(qǐng)求，從而提高頁(yè)面加載性能。

大小圖片的界定：

“小型圖片”通常指的是文件大小較小的圖片，例如圖標(biāo)、按鈕、小型圖形等。這個(gè)界定沒(méi)有一個(gè)固定的數(shù)值，因?yàn)樗Q于具體的應(yīng)用場(chǎng)景和對(duì)性能的要求。通常，一些 KB 級(jí)別的圖片可以考慮直接使用 URL 引用，而大型圖片則更適合以文件形式存在，并通過(guò) URL 引用。