在VSCode中寫Markdown也太爽了吧！

之前寫md 文件都是用的Typora ,這款編輯器很簡潔方便, 但是在處理圖片的時候有點蛋疼，當然你可以用付費插件自動上傳，但是秉著勤儉節約的特質，我就逛了逛了其他方案。然後發現其實用 vscode 寫 Markdown 也很酷啊。

主題外掛

這一步其實很重要，畢竟寫文章，一方面是寫的好，另一方面是排版好看清楚，可以說Github 主題的md 渲染方式是個人最喜歡的了，簡潔清爽又不失專業。 【推薦：vscode使用教學】

Markdown Preview Github Styling

##圖片自動工具

PicGo

這是一個vscode 插件，支援快捷鍵將你的圖片上傳到遠端，預設用的是圖床

sm.ms （免費的）。但是個人建議配置自己的七牛雲 儲存或阿里☁️等。畢竟自己的東西比較安全可靠一些。

支援截圖上傳，本地上傳等方式直接轉換成線上位址，無需手動在圖床上傳再來回貼上。

錄製 Gif 工具

強烈建議

Gifox 。當然還有 Kap，這個產生的gif太大了。

這是一款高顏且高品質的 Gif 產生工具, 一般產生的 gif 只有幾百 k。我這篇文章基本上的 gif 圖只有 100k 左右。

目錄以及快速鍵

Markdown All in One

支援以下功能快速鍵

按下shift command p 可以查看。

KeyCommand切換粗體切換斜體切換底線#標題升級標題降級切換數學環境勾選/不選取任務#切換預覽##Ctrl

截圖工具

qq/微信自帶的快捷功能即可。

當然如果你想要這種高大上的截圖，帶有陰影的。

這個其實是 Mac 自帶的功能。

Command Shift 3

這個組合鍵可以將目前畫面的整個影像截取下來，然後以「螢幕快照 日期」的編號形式命名，並自動以.PNG 格式儲存到桌面。

Command Shift 4

這個組合鍵可以截取目前螢幕上任何一塊區域的影像，按完組合鍵即可鬆手，然後滑鼠自動變成一個標準器，當你移動遊標（用滑鼠點選拖曳或是在觸控板上三指同時拖曳）選擇截取區域時，旁邊會出現一個即時變化的長寬像素數值，確定後放開手勢（或滑鼠）即可完成截圖。同樣，這種操作以「螢幕快照 日期」的編號形式命名，並自動以.PNG 格式儲存到桌面。

Command Shift 4 Spacebar

如果你想要完整的截取螢幕上某一個視窗的影像，可以先按一下Command Shift 4 的組合鍵，然後按下空白鍵（或Command Shift 4 空白鍵同時按下），遊標會自動變成一個照相機圖標，此時所有區域處於蒙版狀態，將遊標移到目標視窗點擊即可完成截圖。

如果你不選擇任何窗口，只是把遊標放在桌面上，點擊就會自動截取整個背景壁紙的圖像，注意，是背景壁紙。同樣，這種操作以「螢幕快照 日期」的編號形式命名，並自動以.PNG 格式儲存到桌面。

特效

程式碼的陰影: carbon.now.sh/ （裝X 必備）

行動端套殼

Android、iOS、Window各種殼。

mockuphone.com/

產生的圖片較大, 這張圖約為1.7M。所以需要後面的圖片壓縮。

圖片壓縮

Tinypng  可以看到效果巨明顯。

寫到最後

大家就可以開心地裝X了，有了這麼些強大的工具，嗯，真香。

Ctrl B
#Ctrl I
Alt S
Ctrl Shift ]
#Ctrl Shift [
#Ctrl M
Alt C
Ctrl Shift V
KV將預覽切換到側邊

以上是在VSCode中寫Markdown也太爽了吧！的詳細內容。更多資訊請關注PHP中文網其他相關文章！