在 vscode 中寫 Markdown 如何裝X

時間 2019-11-17

原文原文鏈接

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

主題插件

這一步其實很重要，畢竟寫文章，一方面是寫的好，另外一方面是排版好看清楚，能夠說 Github 主題的 md 渲染方式是我的最喜歡的了，簡潔清爽又不失專業。github

Markdown Preview Github Styling安全

圖片自動工具

PicGo微信

這是一款 vscode 插件，支持快捷鍵將你的圖片上傳到遠端，默認用的是圖牀 sm.ms（免費的）。可是我的建議配置本身的七牛雲存儲或者阿里雲等。畢竟本身的東西更加安全可靠一些。markdown

支持截圖上傳，本地上傳等方式直接轉化成線上地址，無需手動在圖牀上傳再來回粘貼。app

錄製 Gif 工具

強烈推薦 Gifox 。固然還有 Kap，這個生成的gif太大了。iphone

這是一款高顏並且高質量的 Gif 生成工具, 通常生成的 gif 只有幾百 k。我這篇文章基本上的 gif 圖只有 100k 左右。編輯器

目錄以及快捷鍵

Markdown All in One工具

支持如下功能 + 快捷鍵post

按下 shift + command + p 能夠查看。

Key	Command
`Ctrl` + `B`	切換粗體
`Ctrl` + `I`	切換斜體
`Alt` + `S`	切換下劃線
`Ctrl` + `Shift` + `]`	標題升級
`Ctrl` + `Shift` + `[`	標題降級
`Ctrl` + `M`	切換數學環境
`Alt` + `C`	選中/不選中任務
`Ctrl` + `Shift` + `V`	切換預覽
`Ctrl` + `K` `V`	將預覽切換到側邊

截圖工具

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

固然若是你想要這種高大上的截圖，帶陰影的。

這個實際上是 Mac 自帶的功能。

Command + Shift + 3

這個組合鍵能夠將當前屏幕的整個圖像截取下來，而後以「屏幕快照 + 日期」的編號形式命名，並自動以.PNG 格式保存到桌面。

Command + Shift + 4

這個組合鍵能夠截取當前屏幕上任意一塊區域的圖像，按完組合鍵便可鬆手，而後鼠標自動變爲一個標準器，當你移動光標（用鼠標單擊拖動或是在觸控板上三指同時拖動）選擇截取區域時，旁邊會出現一個即時變化的長寬像素數值，肯定後鬆開手勢（或鼠標）便可完成截圖。一樣，這種操做以「屏幕快照 + 日期」的編號形式命名，並自動以.PNG 格式保存到桌面。

Command + Shift + 4 + Spacebar

若是你想完整的截取屏幕上某一個窗口的圖像，能夠先按完 Command + Shift + 4 的組合鍵，而後按下空格鍵（或者 Command + Shift + 4 + 空格鍵同時按下），光標會自動變成一個照相機圖標，此時全部區域處於蒙版狀態，將光標移動到目標窗口單擊便可完成截圖。

若是你不選擇任何窗口，只是把光標放在桌面上，單擊就會自動截取整個背景壁紙的圖像，注意，是背景壁紙。一樣，這種操做以「屏幕快照 + 日期」的編號形式命名，並自動以.PNG 格式保存到桌面。