在Markdown文件中快速插入本地图片

1. 内容回顾

我们在前面博客中介绍了如何把VSCode打造成Markdown编辑器，这次对其中的内容做更新。主要是介绍如何快速地在VSCode打造的Markdown编辑器中插入图片。

2. 操作步骤

下面是具体的操作步骤，请大家参考：

• 1.创建工作区;VSCode没有专门的菜单用来创建工作区，创建一个文件时VSCode自动创建工作区，然后保存成自己命名的工作区，方法：File ->Save Workspace As…在弹出的窗口中选择存放工作区的目录并且输入工作区的名字：WName，然后会在目录下生成WName.code-orkspace
• 2.在工作区中创建md格式的文件，或者将步骤1中创建的文件保存到当前工作区中；
• 3.在工作区中创建image目录，把图片放到image目录下，目录名可以自已定义或者不创建目录，直接把图片放置在工作区中;
  注意：需要把md文件和图片放到相同的工作区中(workspace)中才可以；
• 4.在md文件中插入图片，语法为：<image src="image/imageName.png">;如果没有创建image目录，那么直接写上图片名就可以；
• 5.在Markdonw编辑器右侧预览，详细如下图所示：

3.语法说明

最后对插入图片的语法做一些补充说明，以便更加方便地控制图片在整个文件内容中的排版：

• 1.设置图片宽和高：在src属性后面使用wid