如何在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

相关推荐
Bob99983 小时前
Amlogic S905L3系列盒子 ROM DIY相关
java·javascript·数据仓库·vscode·eclipse·tomcat·vim
Humbunklung4 小时前
Visual Studio Code 使用tab键往左和往右缩进内容
ide·vscode·编辑器
pink大呲花7 小时前
设置右键打开VSCode
ide·vscode·编辑器
春蕾夏荷_7282977259 小时前
vscode 使用gitcode团队管理项目
vscode·gitcode
AIVoyager21 小时前
vscode本地化显示远程图形化界面
ide·vscode·编辑器
苏克贝塔1 天前
2025 VSCode中如何进行dotnet开发环境配置完整教程
ide·vscode·编辑器
Ven%2 天前
VsCode如何使用默认程序打开word Excel pdf等文件
ide·vscode·pdf·编辑器
Silence4Allen2 天前
VSCode 设置源代码根目录
ide·vscode·python·编辑器·pythonpath
mosepplin2 天前
VSCODE 报错Fatal error: can‘t create CMakeFiles/hello_world.elf.dir/C_/Users/...
ide·vscode·编辑器
青松@FasterAI2 天前
【动手学大模型开发】VSCode 连接远程服务器
服务器·ide·vscode