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

相关推荐
holeer6 天前
【V1.0】Typora 中的 HTML 支持|软件文档自翻译
前端·编辑器·html·typora·web·markdown·文档
Hello World . .6 天前
Linux:线程间通信
linux·开发语言·vscode
被制作时长两年半的个人练习生6 天前
claude code for vscode 配置 qwen3.5
ide·vscode·claude code·qwen3.5
圣心6 天前
Visual Studio Code 中的 AI 智能操作
ide·人工智能·vscode
吹牛不交税6 天前
关于vscode左侧资源管理器目录层级疑似异常的问题
ide·vscode·编辑器
嵌入小生0076 天前
线程间通信---嵌入式(Linux)
linux·c语言·vscode·嵌入式·互斥锁·线程间通信·信号量
琛説6 天前
彻底解决 Codex / Copilot 修改中文乱码【含自动化解决方案】
vscode·copilot·codex
学嵌入式的小杨同学6 天前
嵌入式硬件开发入门:PCB 设计核心流程 + 基础元器件实战指南
vscode·后端·嵌入式硬件·架构·vim·智能硬件·pcb工艺
刘恒1234567897 天前
VSCODE
vscode
你怎么知道我是队长7 天前
VsCode插件推荐---Todo Tree
ide·vscode·编辑器