一、Markdown添加圖片標題
在Markdown中添加圖片時，可以使用標題對圖片進行分類和歸檔。使用示例：
# 狗狗圖片
該示例中，我們使用了標題「狗狗圖片」來描述圖片內容。而在「」中，我們使用了「!」和「[]」兩個符號來引用圖片鏈接。
二、Markdown添加圖片方式
Markdown添加圖片方式的常用方法包括兩大類型：鏈接式和直接式。具體詳解如下：
1. 鏈接式
在鏈接式中，我們需要先用「[]」包含圖片的文字描述，再用「()」包含圖片鏈接。使用示例：
該示例中，我們使用了「」來添加狗狗圖片。其中「![狗狗圖片]」是圖片的文字描述，「(https://example.com/dog.jpg)」是圖片的鏈接。
2. 直接式
在直接式中，我們直接引用圖片鏈接，並在鏈接後添加一個空格和圖片描述。使用示例：
https://example.com/dog.jpg 狗狗圖片
該示例中，我們使用了「https://example.com/dog.jpg 狗狗圖片」來添加狗狗圖片。其適用於不需要圖片預覽的場景，如在文本編輯器中添加圖片。
三、Markdown怎麼添加圖片
Markdown添加圖片的基本語法已經在上一小節中闡述。對於不同的場景和需求，我們可以使用不同的添加圖片方法。
1. 添加在線圖片
如果圖片來源於網路，我們只需要將圖片鏈接放在「[]」中，將鏈接放在「()」中即可。使用示例：
在實際工作中，我們可以使用微博、知乎等平台提供的上傳圖片功能，生成上傳後的圖片鏈接，在Markdown中進行引用。
2. 添加本地圖片
如果圖片是本地磁碟中的圖片，我們可以使用相對路徑的方式進行引用。使用示例：
其中，「./images/dog.jpg」表示相對於Markdown文件的路徑，該路徑中「./」表示當前目錄，「images/」表示圖片所在文件夾，「dog.jpg」表示圖片文件名。
四、Markdown圖片大小
如果在添加圖片時需要指定圖片的大小，我們可以使用HTML標籤「」來實現。使用示例：
<img src="https://example.com/dog.jpg" width="50%" height="50%">
該示例中，我們使用了HTML標籤「」來添加圖片，並通過屬性「width」和「height」指定了圖片的大小。在HTML標籤內部，我們可以給圖片添加更多的樣式和屬性。
五、Markdown怎麼放圖片
Markdown放置圖片的位置也是需要注意的。一般來說，我們可以放置在當前段落的下方，或者放在下一個段落中。使用示例：
狗狗非常可愛，如圖：
該示例中，我們將圖片放置在了「狗狗非常可愛，如圖：」下方，並通過「
」換行符隔開了文本。如果圖片和文字不在同一段落中，我們可以在下一個段落中添加圖片。
六、Markdown圖片嵌入
在Markdown中，我們可以將圖片嵌入到正文中，使得圖片與文本更加緊密。具體實現方法如下：
在這張可愛的狗狗圖片中，它正在追逐一隻小鳥：
該示例中，我們使用了data URI的方式將圖片嵌入到正文中。在「![img]」中，我們使用了字元串「data:image/jpeg;base64,/9j/4AAQSkZJRgA…」來表示圖片的base64編碼。需要注意的是，嵌入過大的圖片可能會導致Markdown文件過大。
七、Markdown圖片相對路徑
在添加本地圖片時，我們需要使用相對路徑的方式進行引用。但是，相對路徑的寫法可能會因為不同的操作系統和瀏覽器而出現差異。
建議使用相對於根目錄的路徑來引用本地圖片。例如，我們在使用GitHub來託管Markdown文件時，可以使用「/images/dog.jpg」來表示圖片的相對路徑。使用示例：
八、Markdown如何添加本地圖片
在使用Markdown添加本地圖片時，我們需要使用相對路徑的方式進行引用。具體步驟如下：
1. 準備圖片文件
在本地磁碟中準備好需要添加的圖片文件。需要注意的是，Markdown和圖片文件應該放置在同一級目錄或者子目錄中。
2. 插入圖片鏈接
在Markdown文件中插入相應的圖片鏈接，使用相對路徑的方式進行引用。
3. 上傳圖片文件
在使用Git託管Markdown文件時，需要將圖片文件上傳至指定的文件夾中。使用示例：
git add images/dog.jpg
git commit -m "add dog.jpg file"
git push通過上述步驟，我們就可以在Markdown中添加本地圖片了。
原創文章，作者：OPFNP，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/349438.html
微信掃一掃 
支付寶掃一掃 