插件及說明查找過程

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

點擊進(jìn)入倉庫: github - Paste Image

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

反思總結(jié)

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

知識拓展

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 個字符組成的 ASCII 字符串。這種編碼方式的主要目的是使二進(jìn)制數(shù)據(jù)能夠以文本的形式安全傳輸，并且可以在文本協(xié)議中嵌入二進(jìn)制數(shù)據(jù)，如在 HTML、CSS、JavaScript 和 XML 中。

Base64 的特點：

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

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

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

為什么使用 Base64？

傳輸二進(jìn)制數(shù)據(jù)： 在一些文本協(xié)議或格式中，只允許傳輸文本數(shù)據(jù)，無法直接傳輸二進(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)頁中，減少 HTTP 請求。

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

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

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

將每三個字節(jié)的二進(jìn)制數(shù)據(jù)分組，并在每組的前面添加一個 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 個比特編碼成一個字符：

SGVsbG8sIFdvcmxkIQ==

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

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

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

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

何時使用 Base64 編碼：

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

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

大小圖片的界定：

“小型圖片”通常指的是文件大小較小的圖片，例如圖標(biāo)、按鈕、小型圖形等。這個界定沒有一個固定的數(shù)值，因為它取決于具體的應(yīng)用場景和對性能的要求。通常，一些 KB 級別的圖片可以考慮直接使用 URL 引用，而大型圖片則更適合以文件形式存在，并通過 URL 引用。