在 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 格式保存到桌面。