当前位置: 首页 > news >正文

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

"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

相关文章:

  • Django Form 组件
  • K8S学习之基础十八:k8s的灰度发布和金丝雀部署
  • Python使用入门(一)
  • 从0开始的操作系统手搓教程27:下一步,实现我们的用户进程
  • C++第十节:map和set的介绍与使用
  • Ubuntu 22.04 LTS 入门教学文档
  • LeetCode1137 第N个泰波那契数
  • 每日一练之移除链表元素
  • 匿名GitHub链接使用教程(Anonymous GitHub)2025
  • 【梦的开始】图布局算法
  • function uuid_generate_v4()不存在(二)
  • SpringBoot使用注解扫描注册Java Web三大组件
  • 时间复杂度空间复杂度
  • 【51单片机】程序实验15.DS18B20温度传感器
  • Android List按属性排序方法总结工具类
  • C# Excel开源操作库MiniExcel使用教程
  • Linux 信号
  • 什么样的物联网框架适合开展共享自助KTV唱歌项目?
  • 游戏引擎学习第144天
  • 《几何原本》命题I.20
  • 网站推荐广告模板/怎样上百度做广告
  • 烟台房地产网站建设/网站优化排名服务
  • 视频网站开发策划书/安卓aso优化排名
  • 施工企业组织机构框架图/seo排名官网
  • 如何给自己的公司做网站/球队排名榜实时排名
  • 网站开发二线城市/湖南关键词优化品牌价格