之前寫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 可以查看。
Key | Command |
| Ctrl B
| 切換粗體 |
| #Ctrl I
| 切換斜體 |
| Alt S
| 切換底線 |
| Ctrl Shift ]
| #標題升級 |
| #Ctrl Shift [
| 標題降級 |
| #Ctrl M
| 切換數學環境 |
| Alt C
| 勾選/不選取任務 |
| Ctrl Shift V
| #切換預覽 |
##Ctrl | KV將預覽切換到側邊 |
|
截圖工具
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了，有了這麼些強大的工具，嗯，真香。
以上是在VSCode中寫Markdown也太爽了吧！的詳細內容。更多資訊請關注PHP中文網其他相關文章！
