VSCode插件项目里的Markdown文件中如何插入图片
一般Markdown文件中如何插入图片
最简单的方式就是![图片的自定义名字](图片链接-相对路径或则网络url)
比如:
![onePieceImg](http://n.sinaimg.cn/sinacn10115/322/w640h482/20200207/da99-ipfprtn3246386.jpg)
显示出来的效果就是:
如果是相对路径,就可以是如下这样:./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
- 点赞
- 收藏
- 关注作者
评论(0)