Markdown圖片指南

Markdown是一種輕量級標記語言，常用於編寫技術文檔、博客、論文等。其中，Markdown的圖片插入功能是其常用特性之一。本文將深入探討Markdown圖片的語法、格式、大小、路徑、以及常見問題及解決方案，幫助讀者更加熟練地使用Markdown插入圖片。

一、Markdown圖片語法

在Markdown中插入圖片很簡單，只需要使用``語法即可。其中`!`表示插入圖片，`[]`表示圖片的替代文字，即當圖片無法顯示時，會顯示該替代文字；`()`表示圖片的鏈接地址。

示例代碼如下：

![](https://example.com/example.jpg)

二、Markdown怎麼插圖

在插入圖片時，需要將圖片上傳至網路或者本地，並獲得圖片的鏈接地址。對於本地圖片，可以使用相對路徑或者絕對路徑的方式引用。值得一提的是，GitHub中使用相對路徑（相對於該Markdown文件所在目錄）時，需要在圖片鏈接前使用`./`表示當前目錄，否則可能引用不到圖片。

示例代碼如下：

插入網路圖片：
![](https://example.com/example.jpg)

插入本地圖片（相對路徑）：
![](./example.jpg)

插入本地圖片（絕對路徑）：
![](/home/user/example.jpg) 

三、Markdown圖片大小

Markdown圖片的大小一般使用HTML標籤的屬性來控制，即使用HTML的“標籤，並設置其`width`和`height`屬性。需要注意的是，Markdown並不是所有Markdown解析器都支持HTML標籤，所以在使用時需要注意兼容性。

示例如下：

使用HTML標籤設置圖片大小：

四、Markdown圖片格式

Markdown支持多種圖片格式，常見的有jpg、png、gif等格式。在使用Markdown插入圖片時，只需要將圖片的鏈接地址後綴名設置為對應的圖片格式即可。

示例如下：

支持的圖片格式：
![](https://example.com/example.jpg)
![](https://example.com/example.png)
![](https://example.com/example.gif)

五、Markdown圖片不顯示

有時我們會遇到Markdown圖片無法顯示的問題，這可能是由於以下原因：

• 圖片鏈接地址不正確；
• 圖片格式不正確；
• 網路連接異常；
• Markdown解析器不支持圖片插入。

解決方法如下：

• 檢查圖片鏈接地址是否正確；
• 確認圖片格式是否正確；
• 檢查網路連接是否正常；
• 使用其他Markdown解析器進行解析。

六、Markdown圖片代替文字

當Markdown圖片無法正常顯示時，可以使用圖片的替代文字來代替。通常情況下，替代文字可以設置為圖片的說明或名稱。

示例如下：

設置圖片替代文字：
[example](https://example.com/example.jpg "example")

七、Markdown圖片相對路徑

在使用本地圖片時，常使用相對路徑來引用圖片。Markdown的相對路徑是相對於該Markdown文件所在目錄，因此在使用相對路徑時需要特別注意路徑的正確性。

示例如下：

使用相對路徑引用本地圖片：
![](./example.jpg)

八、Markdown圖片導入選取

在插入本地圖片時，可以使用許多圖形化工具來進行圖片的選擇和導入。這裡推薦一款：Typora。Typora是一款功能強大的Markdown編輯器，它支持拖拽式導入圖片，支持圖片剪切和複製，使用起來非常方便。

示例使用效果如下：

• 拖拽式導入圖片：
• 複製圖片：
• 裁剪圖片：