作者在折騰自己的新Blog時，發(fā)現想要做出一篇圖文并茂的文章有億點點困難，于是就想辦法找了個快捷上傳的插件，并順帶解決了速度的問題。

如果各位都像我一樣，喜歡靜態(tài)博客，但不喜歡CMS，喜歡VSCode撰寫文章，還覺得托管在國外的靜態(tài)平臺速度太慢的話，不妨試試我的方法。

Markdown 在 Visual Studio Code 中的應用

Markdown 是一款十分優(yōu)秀的標記型語言，可以滿足很多種格式。在 Visual Studio Code 這個近乎萬能的編輯器中，Markdown 也能優(yōu)秀發(fā)揮。

打開 EXTENSIONS 選項卡，搜索 Markdown ，Markdown All in One 首當其沖。

安裝完畢后，進入插件設置，建議大家打開 AutoShowPreviewToSide 選項，可以在打開 Markdown 文件的同時，在側邊也打開 Markdown 預覽。

在 Visual Studio Code 中，快捷上傳圖片

現在進入正題。在Markdown中插入圖片，十分麻煩，必須寫類似下面的代碼，才能插入。

![image](https://www.baidu.com/favicon.png)

那么我們就需要一款插件，來實現快捷鍵快速粘貼圖片等操作，照例打開EXTENSIONS選項卡，這里推薦兩款，Markdown Image 和 PicGo。本文以Markdown Image為例（因為它能自定義上傳接口）。

安裝后打開設置，我們可以看到這樣一個選項，我們可以根據需求選擇圖床。直接推送到你的托管平臺可以選擇 Local ，不想折騰，對速度要求不高的可以選擇 SM.MS Imgur 這兩個圖床，點開 Options ，根據提示注冊并填入字段即可，但不符合本文高速的初衷，所以我們要選擇自定義圖床。

對接某偽圖床

查看一下官方的文檔，我們可以編寫一個自定義的接口來進行對接。這里使用了某某圖床的API去上傳到某圖床。

把這段代碼保存在VSCode插件所在目錄下的out/lib目錄，比如Windows用戶就是在C:\Users\xxx\.vscode\extensions\hancel.markdown-image-1.1.26\out\lib目錄。

接下來，前往插件設置，在DIY Path中填入保存文件的絕對路徑，這樣，接口就對接好啦~

測試快速粘貼

現在，我們新建一個 Markdown 文件，應該就可以看到md源文件和預覽啦~現在我們測試一下是否能上傳。右鍵看到快捷鍵是?Shift+Alt+V?測試一下，就能粘貼啦~

原文地址：https://ziantt.top/2023/vsc-with-md-and-fast-img/