把 VS Code 当作 Markdown 编辑器来用

用 VS Code 写了大概 5 篇左右的 Markdown 文章之后，好像已经把大致的用法都掌握了。

今天要讲的是如何把 VS Code 当作 Markdown 编辑器来使用。

只要稍微改一改两个扩展和 settings.json 就搞定了。

1. 扩展

先安装一个在写 Markdown 时能解决两个麻烦点的扩展包。

从左侧进入扩展，搜索 markdown。

然后安装图中显示的扩展包。

先说结论：Markdown 相关功能用这个 All in One 一个就够了。

它提供了很多方便的功能，比如加粗、表格、列表等等。

Image Uploader 能大幅简化插图的流程。

原本需要经过 下载图片 ➡️ 移动到目标文件夹 ➡️ 插入图片链接 这样一串麻烦的步骤。

有了这个扩展，只要 复制图片 ➡️ 按 cmd+v，图片就会被保存到文件夹里，同时插入到正文中。

2. 实际用用看

打开 Markdown 文件后，看右上角会多出一个标签。

点一下，就会在右侧打开预览窗口。

写文章时可以即时看到排版效果。

也可以试一下快捷键。

如果想在中间把某些文字加粗，只要选中那一段然后按 cmd + b 就行了。

Image Uploader 真的是非常好用。

如果有想插入 Markdown 的图片，就先复制。

可以复制文件本身，也可以复制线上图片到剪贴板。

然后在 Markdown 里粘贴，图片会插入到正文中，同时保存到对应文件夹。

3. 如果是用 .mdx 来写文章……

我现在是用 .mdx 扩展名来写 Markdown 文章的。

这种情况下，只要稍微改一下 .vscode 里的 settings.json 就可以了。

{
  "files.associations": {
    "*.html": "html",
    "ostream": "cpp",
    "stdio.h": "c",
    "*.css": "tailwindcss",
    "*.mdx": "markdown", // 이게 핵심!
  },
  "editor.quickSuggestions": {
    "strings": "on"
  }
}

这样一来，.mdx 文件也可以像 Markdown 一样使用这些扩展。

4. 写在最后

一开始我其实非常排斥用 Markdown 来写文章。

总觉得写博客就一定要用网页编辑器，但慢慢习惯之后，反而觉得比网页编辑器还要顺手。

就算上传很多图片，也不用等上传进度。

图片编辑也可以自由地进行。

总之吧……

我想就这样继续用下去。