深入剖析Markdown圖片相對路徑

一、Markdown圖片相對路徑縮小

Markdown整體是一種輕量級的標記語言，具有易讀易寫等特點，因此使用者非常廣泛。而其中的圖片相對路徑是其中一個重要的方面。

相對路徑就是相對於當前文件夾的路徑。在Markdown中引用相對路徑的時候，可以通過縮小來使路徑更加簡潔，更加易於管理。

舉個例子，在一個名為「myMarkdown.md」的Markdown文檔中，需要插入一個名為「myPic.png」的圖片。如果這張圖片和Markdown文檔存放在同一文件夾下，那麼縮小路徑就是直接使用「myPic.png」進行引用，如下：

![image](myPic.png)

這個縮小路徑非常簡潔。當Markdown文檔和圖片存放在多個文件夾下時，縮小路徑也可以使用該文件夾下的相對路徑，如下：

![image](./images/myPic.png)

這個縮小路徑更加完整，可以指向圖片所在文件夾。

二、Markdown相對路徑

Markdown中的相對路徑以當前Markdown文件所在的文件夾為起點。

如果在Markdown文檔中通過相對路徑來引用另外一個Markdown文檔，可以使用以下方式：

[another Markdown file](./path/anotherMarkdownFile.md)

同樣，如果Markdown文檔存放在多個文件夾下，則可以通過設置相對路徑鏈接到各個文件夾下的文檔，例如：

[another Markdown file](./path/to/anotherMarkdownFile.md)

三、Markdown添加圖片

在Markdown中設置圖片可以使用「圖片語法」簡單地添加圖片。每個圖片語法都由以下幾部分組成：

• 一個驚嘆號（!）
• 一段可選的圖片描述，可以用作瀏覽器無法顯示圖像時的替代文字
• 一對方括號，包含描述和圖片路徑
• 一個可選的關於圖片的「標題」（或屬性）的行內樣式，以HTML語法表示，可以用於對圖片進行定製

圖片語法的示例如下：

![Alt text](/path/to/img.jpg "Optional title")

四、Markdown相對路徑引用圖片

在Markdown文檔中使用相對路徑引用圖片時，其路徑是相對當前Markdown文檔所在的文件夾的路徑。因此可以通過「縮小路徑」的方式使路徑更加簡潔明了。

比如，在一個Markdown文檔中需要引用當前文件夾下的一張圖片，可以使用如下方式：

![image](./myPic.png)

如果圖片不在當前文件夾下，需要通過相對路徑引用。例如，假設Markdown文檔存放在「docs」文件夾內，而圖片存放在「images」文件夾內，則可以使用如下方式：

![image](../images/myPic.png)

五、Markdown本地圖片無法顯示

在使用Markdown引用本地圖片時，可能會遇到圖片無法顯示的問題，主要有兩個原因：

• 圖片路徑錯誤
• 圖片格式不受支持

如果圖片路徑錯誤，可以檢查路徑是否正確。如果路徑是相對路徑，還需要檢查相對路徑語法是否正確。

如果圖片格式不受支持，則無法在Markdown文檔中顯示圖片。可以檢查圖片的格式是否支持Markdown（如jpg、png等），或者將圖片轉換為支持的格式。

六、Markdown內嵌圖片

在Markdown文檔中可以使用HTML的標籤來內嵌圖片。內嵌圖片的語法如下：

<img src="./myPic.png" alt="image">

這裡「src」屬性指定了圖片的路徑，「alt」屬性指定圖片的替代文本。可以使用縮小路徑或相對路徑指定圖片路徑。

七、Markdown圖片顯示不出

如果Markdown文檔中的圖片無法顯示，可以檢查一下以下問題：

• 圖片路徑是否正確
• 圖片格式是否支持Markdown
• 圖片文件名大小寫是否正確

如果以上問題都不是原因，可以嘗試重新插入圖片或換一種方式來引用圖片。

八、Markdown編輯器怎麼插圖片

在Markdown編輯器中插入圖片，可以使用編輯器自帶的插入圖片按鈕或拖拽圖片到編輯器中。插入圖片的語法將會自動生成，只需要提供圖片路徑即可。

九、Markdown如何添加本地圖片

在Markdown中添加本地圖片，可以使用相對路徑引用圖片。圖片路徑的格式可以使用相對路徑，也可以使用縮小路徑。

插入本地圖片的語法如下所示：

![image](./myPic.png)

需要注意的是，插入本地圖片時要確保圖片路徑正確、圖片大小不超過Markdown編輯器支持的最大尺寸，並且圖片的後綴名要與格式相匹配。如需轉換格式，可以使用轉換工具進行轉換。