首页 使用 Markdown Image 插件简化 VSCode 插入图片
文章
取消

使用 Markdown Image 插件简化 VSCode 插入图片

写 Markdown 的时候,经常需要插入图片,但是 Markdown 本身并不支持插入图片,又不想使用图床,又不想手动放置图片到特定目录后,再手动写图片的 Markdown 语法。所以想要借助下面这款插件来实现这个功能。

图 3
预期效果是,复制图片或剪贴图片后,直接粘贴到 Markdown 文件中,插件自动将图片放置到 assets/img/markdown-file-name/ 目录下,并且自动写入 Markdown 语法。这很像在聊天软件中截一张图快速发布出去一样。

安装插件

在 VSCode 中搜索 Markdown Image 插件,安装即可。 图 1

名称: Markdown Image
ID: hancel.markdown-image
说明: Easy to insert a image to markdown
版本: 1.1.28
发布者: Hancel.Lin
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=hancel.markdown-image

配置插件

图 2
点击如图中的设置按钮,选择扩展设置

图 4
将会出现插件设置页面,在 File Name Format 中填入 ${mdname}/${hash},表示使用 hash 作为文件名,并且在 mdname 目录下。

图 5
略微向下滚动页面,在 Local: Path 中填入 assets/img,表示图片存放路径,在 Local: Reference Path 中填入 assets/img/${mdname}/,表示图片的引用路径。

至此,设置完成。

使用

复制一张图片,在 Markdown 文件中按下 Shift + Alt + V,即可插入图片。

本文由作者按照 CC BY 4.0 进行授权

Jekyll blog 的评论功能

在 Xcode 上对 Swift 代码进行保存时自动格式化