如何在vscode里像typora那样插入图片?

如何在vscode里像typora那样插入图片?

实现效果

在vscode里实现typora的 Copy image to ./assets功能

安装markdown image插件

Linux用户配置

Linux users must install xclip.

Ubuntu

sudo apt install xclip

CentOS

复制代码
sudo yum install epel-release.noarch
sudo yum install xclip

Remote Mode

If you want to use in the Remote Mode, please set remote.extensionKind like this:

json 复制代码
"remote.extensionKind": {
  "hancel.markdown-image": [
    "ui"
  ]
}

And if you want to save image in your remote workplace, you must use SFTP upload method. Local couldn't use in Remote Mode.

实际测试发现,remote模式下,需要配置remote.extensionKind,然后在remote的窗口中使用Local的配置即可。具体实现见下一节。

插件配置

❗️ 以remote模式为例。在local模式下配置方式相同。

文件名:img_${YY}${MM}${DD}-${HH}${mm}${ss}${mss}.png

复制代码
img_${YY}${MM}${DD}-${HH}${mm}${ss}${mss}

修改路径为:./assets

这样,在md中按快捷键alt+shift+v即可粘贴图片到./assets/...png

转载需注明出处:CSDN Sylvan Ding

相关推荐
Luoxi_84 小时前
Anaconda超详细的安装教程+VScode的使用
ide·vscode·编辑器
无糖冰可乐217 小时前
安装wsl2,并链接Windows上的vscode运行项目
pytorch·vscode·python·pip
流量猎手11 小时前
Vscode登陆服务器
服务器·ide·vscode
巴渝小禹1 天前
【VSCODE】使用技巧
vscode
snow@li1 天前
VSCode:学习手册 / 全景梳理与深度分析
ide·vscode
郭老二2 天前
【ROS2】vscode配置头文件路径等
vscode
不厌 -_-2 天前
VSCode 中 Markdown 转 PDF
vscode·pdf
友人.2272 天前
补充章节:VSCode Wokwi 无法可视化连线?在线 Wokwi 网页拖拽绘图方案
ide·vscode·编辑器
赵庆明老师3 天前
Vben精讲:04-了解VSCode中的Git
ide·git·vscode
fenghx2583 天前
仅用于个人记录:火狐有网,Vscode的codex连不上
vscode·编辑器