如何在Vscode中導(dǎo)入圖片節(jié)點(diǎn)
首先,打開Vscode界面后,點(diǎn)擊左側(cè)的擴(kuò)展商店。在搜索欄中輸入"markdownlint"字眼,安裝語法提示插件。隨后,再次在擴(kuò)展商店搜索欄中輸入"Markdown Preview Enhanced
首先,打開Vscode界面后,點(diǎn)擊左側(cè)的擴(kuò)展商店。在搜索欄中輸入"markdownlint"字眼,安裝語法提示插件。
隨后,再次在擴(kuò)展商店搜索欄中輸入"Markdown Preview Enhanced",點(diǎn)擊安裝按鈕,以安裝預(yù)覽顯示插件。
接下來,在Vscode界面的左上角文件菜單中,選擇新建md文件。然后,在右上角找到并點(diǎn)擊預(yù)覽圖標(biāo),以打開預(yù)覽窗口。
在預(yù)覽窗口中,可以使用markdown語法來編寫文章內(nèi)容。在需要插入圖片的位置,可以使用以下方式來導(dǎo)入圖片節(jié)點(diǎn)。
方法一:本地圖片導(dǎo)入
1. 將需要插入的圖片保存在本地的某個(gè)文件夾中。
2. 在md文件中,使用以下markdown語法來插入圖片節(jié)點(diǎn):
```

```
其中,圖片描述是可選的,可以用于給圖片添加說明文字;圖片路徑是指圖片在本地文件夾中的路徑。
方法二:網(wǎng)絡(luò)圖片導(dǎo)入
1. 找到需要插入的網(wǎng)絡(luò)圖片地址。
2. 在md文件中,使用以下markdown語法來插入圖片節(jié)點(diǎn):
```
址)
```
同樣,圖片描述也是可選的,可以用于給圖片添加說明文字;圖片網(wǎng)址是指圖片在網(wǎng)絡(luò)上的URL地址。
完成以上操作后,保存md文件并刷新預(yù)覽窗口,即可看到插入的圖片節(jié)點(diǎn)在預(yù)覽中顯示出來。
導(dǎo)入圖片節(jié)點(diǎn)要點(diǎn)總結(jié)
- 在Vscode中導(dǎo)入圖片節(jié)點(diǎn),需要安裝相應(yīng)的插件:markdownlint和Markdown Preview Enhanced。
- 要插入本地圖片,需要將圖片保存在本地的某個(gè)文件夾中,并使用的markdown語法來插入圖片節(jié)點(diǎn)。
- 要插入網(wǎng)絡(luò)圖片,只需獲取圖片的URL地址,并使用址)的markdown語法來插入圖片節(jié)點(diǎn)。
- 插入圖片節(jié)點(diǎn)后,保存md文件并刷新預(yù)覽窗口,即可看到插入的圖片在預(yù)覽中顯示出來。