Markdown图片上传使我抛弃typora转投vscode

2023-10-29 19:20

本文主要是介绍Markdown图片上传使我抛弃typora转投vscode,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

点击上方的终端研发部,右上角选择“设为星标

每日早8点半,技术文章准时送上

公众号后台回复“学习”,获取作者独家秘制精品资料

往期文章

十面阿里,七面头条

在百人团队参与游戏研发体验

除了敲代码,你还有什么副业吗?

flutter开发,Dart中的那些骚气语法!

APK瘦身-是时候给App进行减负了

 作者:快给我饭吃
链接:https://www.jianshu.com/p/868b3a2028f8

前言

使用markdown语法写文章真的很省事,再也不用关心文章的格式问题,专心以内容为中心写作。

我用的是windows系统,以前使用的是typora软件写markdown文章,用了大概也有一年左右的时间。不得不说,typora得所见即所得的设计令人非常舒适,不用再使用单独的一个窗口来预览markdown格式了。

然而最令人头疼的是文件中如果粘贴了图片,typora是直接引用的本地地址,例如E:\path\to\img\file.png,如下图所示。这时你把markdown文件发送给同事,或者将markdown文章复制下来粘贴到博客平台上,是无法正常显示图片的。这是typora的硬伤,因为我要发布文章到两个简书和掘金两个平台。

鉴于此,我上网搜索了很多解决方案。了解到图床的功能可以解决这个问题。

图床功能就是可以将你本地粘贴的图片上传到网络(所谓的图床),并给你返回该图片的地址。这样无论你的文章发给谁、发在哪个平台,只要有网络,都是能正常访问到这个图片的。

windows版本的typora原生并不支持该功能,同时typora也不支持安装插件,无疑给typora判了死刑,曾经一度放弃了图床这个想法。后来还是不死心,继续上网搜索,了解到了vscode以及其强大的插件,重要的事情说三遍,强大的插件!强大的插件!!强大的插件!!! 下载试用,感觉比typora更舒适,遂决定放弃了typora转投vscode。

vscode写markdown

vscode虽然也是text文本编辑器,但其是原生支持写markdown的。将你的文件保存为.md结尾的问题,在编辑器的右上角会出现预览按钮,点击即可预览markdown,如下图。

vscode添加图床插件PicGo

我最需要的功能来了,打开vscode插件搜索框(crtl + shift + x),输入PicGo,下载安装该插件,重启vscode。划重点:

该插件会自动将你需要的图片上传到SM.MS服务器,完全免费,无需任何配置,安装插件即可使用。我就用的这个默认服务器。

当然你也可以配置使用你自己的图床。如微博、阿里云等其他主机。

粘贴图片

PicGo支持两种方式在vscode上粘贴图片:

  • ctrl+alt+u:上传剪贴板中的图片到服务器。

  • ctrl+alt+e:打开文件浏览器选择图片上传。

因为我们知道,vscode是文本编辑器,如果你直接在vscode中使用ctrl+v粘贴图片,是无法粘贴成功的。正确的姿势是,我们使用截图工具,如微信的截图工具,截图成功后会保存在剪贴板中,这时按ctrl+alt+u就开始上传图片了。或者,按ctrl+alt+e,选择一张图片上传即可。

OK,强大的插件使得vscode支持上传图片,可以更加愉快的使用markdown写作了,一次写作,处处粘贴,舒爽。

GitLab,是谁给了你歧视中国程序员的勇气?

58同城:厂商内置包大小减少实战!

秋招收官,「网易/美团/菜鸟」面试题已拿offer

重磅!微软GitHub终于宣布官方App了

Java和C势均力敌,Python锐不可当,JavaScript兴起

相信自己,没有做不到的,只有想不到的

在这里获得的不仅仅是技术!

喜欢就给个“在看

这篇关于Markdown图片上传使我抛弃typora转投vscode的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/302832

相关文章

Python实现精准提取 PDF中的文本,表格与图片

《Python实现精准提取PDF中的文本,表格与图片》在实际的系统开发中,处理PDF文件不仅限于读取整页文本,还有提取文档中的表格数据,图片或特定区域的内容,下面我们来看看如何使用Python实... 目录安装 python 库提取 PDF 文本内容:获取整页文本与指定区域内容获取页面上的所有文本内容获取

Python基于微信OCR引擎实现高效图片文字识别

《Python基于微信OCR引擎实现高效图片文字识别》这篇文章主要为大家详细介绍了一款基于微信OCR引擎的图片文字识别桌面应用开发全过程,可以实现从图片拖拽识别到文字提取,感兴趣的小伙伴可以跟随小编一... 目录一、项目概述1.1 开发背景1.2 技术选型1.3 核心优势二、功能详解2.1 核心功能模块2.

Go语言如何判断两张图片的相似度

《Go语言如何判断两张图片的相似度》这篇文章主要为大家详细介绍了Go语言如何中实现判断两张图片的相似度的两种方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 在介绍技术细节前,我们先来看看图片对比在哪些场景下可以用得到:图片去重:自动删除重复图片,为存储空间"瘦身"。想象你是一个

C#实现将Office文档(Word/Excel/PDF/PPT)转为Markdown格式

《C#实现将Office文档(Word/Excel/PDF/PPT)转为Markdown格式》Markdown凭借简洁的语法、优良的可读性,以及对版本控制系统的高度兼容性,逐渐成为最受欢迎的文档格式... 目录为什么要将文档转换为 Markdown 格式使用工具将 Word 文档转换为 Markdown(.

使用Python实现base64字符串与图片互转的详细步骤

《使用Python实现base64字符串与图片互转的详细步骤》要将一个Base64编码的字符串转换为图片文件并保存下来,可以使用Python的base64模块来实现,这一过程包括解码Base64字符串... 目录1. 图片编码为 Base64 字符串2. Base64 字符串解码为图片文件3. 示例使用注意

VSCode设置python SDK路径的实现步骤

《VSCode设置pythonSDK路径的实现步骤》本文主要介绍了VSCode设置pythonSDK路径的实现步骤,包括命令面板切换、settings.json配置、环境变量及虚拟环境处理,具有一定... 目录一、通过命令面板快速切换(推荐方法)二、通过 settings.json 配置(项目级/全局)三、

使用vscode搭建pywebview集成vue项目实践

《使用vscode搭建pywebview集成vue项目实践》:本文主要介绍使用vscode搭建pywebview集成vue项目实践,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录环境准备项目源码下载项目说明调试与生成可执行文件核心代码说明总结本节我们使用pythonpywebv

c/c++的opencv实现图片膨胀

《c/c++的opencv实现图片膨胀》图像膨胀是形态学操作,通过结构元素扩张亮区填充孔洞、连接断开部分、加粗物体,OpenCV的cv::dilate函数实现该操作,本文就来介绍一下opencv图片... 目录什么是图像膨胀?结构元素 (KerChina编程nel)OpenCV 中的 cv::dilate() 函

使用Python实现网页表格转换为markdown

《使用Python实现网页表格转换为markdown》在日常工作中,我们经常需要从网页上复制表格数据,并将其转换成Markdown格式,本文将使用Python编写一个网页表格转Markdown工具,需... 在日常工作中,我们经常需要从网页上复制表格数据,并将其转换成Markdown格式,以便在文档、邮件或

GitLab文件的上传与下载方式

《GitLab文件的上传与下载方式》:本文主要介绍GitLab文件的上传与下载方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录GitLab 项目拉取到本地GitLab 项目上传方法方法 1:本地项目未初始化Git方法 2:本地项目已初始化GitGitLab 上