VSCode插件项目里的Markdown文件中如何插入图片
【摘要】 一般Markdown文件中如何插入图片；预览MarkDown文件；VSCode插件项目里插入图片的限制
一般Markdown文件中如何插入图片
最简单的方式就是
比如：
显示出来的效果就是：
如果是相对路径，就可以是如下这样：./media/img/sampleImage.png
预览MarkDown文件
这里推荐VSCode里的预览MarkDown文件的插件，Markdown Preview Enhanced。可以在VSCode里帮助用户预览MarkDown文件。
插件介绍详情里介绍的预览界面：
如何使用也很简单，从插件市场里下载安装完插件之后，在VSCode里打开MarkDown文件，然后点击右上角的“打开侧边预览”按钮，就可以显示啦：
VSCode插件项目里插入图片的限制
因为在publish 插件的时候，会用到vsce命令, 即 "Visual Studio Code Extensions"的缩写,用来打包，发布，管理VSCode插件。
其中对于MarkDown文件里的图片有下面这条限制：
Image URLs in README.md and CHANGELOG.md need to resolve to https URLs.
因此我们不能在MarkDown文件里直接使用项目里的图片，我们需要用到https网上图片。
限制的官方来源：https://code.visualstudio.com/api/working-with-extensions/publishing-extension
【声明】本内容来自华为云开发者社区博主，不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息，否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
作者其他文章
评论（0）