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

相关文章

Java图片压缩三种高效压缩方案详细解析

《Java图片压缩三种高效压缩方案详细解析》图片压缩通常涉及减少图片的尺寸缩放、调整图片的质量(针对JPEG、PNG等)、使用特定的算法来减少图片的数据量等,:本文主要介绍Java图片压缩三种高效... 目录一、基于OpenCV的智能尺寸压缩技术亮点:适用场景:二、JPEG质量参数压缩关键技术:压缩效果对比

使用Python开发一个简单的本地图片服务器

《使用Python开发一个简单的本地图片服务器》本文介绍了如何结合wxPython构建的图形用户界面GUI和Python内建的Web服务器功能,在本地网络中搭建一个私人的,即开即用的网页相册,文中的示... 目录项目目标核心技术栈代码深度解析完整代码工作流程主要功能与优势潜在改进与思考运行结果总结你是否曾经

Python将博客内容html导出为Markdown格式

《Python将博客内容html导出为Markdown格式》Python将博客内容html导出为Markdown格式,通过博客url地址抓取文章,分析并提取出文章标题和内容,将内容构建成html,再转... 目录一、为什么要搞?二、准备如何搞?三、说搞咱就搞!抓取文章提取内容构建html转存markdown

Python FastAPI+Celery+RabbitMQ实现分布式图片水印处理系统

《PythonFastAPI+Celery+RabbitMQ实现分布式图片水印处理系统》这篇文章主要为大家详细介绍了PythonFastAPI如何结合Celery以及RabbitMQ实现简单的分布式... 实现思路FastAPI 服务器Celery 任务队列RabbitMQ 作为消息代理定时任务处理完整

使用C#代码在PDF文档中添加、删除和替换图片

《使用C#代码在PDF文档中添加、删除和替换图片》在当今数字化文档处理场景中,动态操作PDF文档中的图像已成为企业级应用开发的核心需求之一,本文将介绍如何在.NET平台使用C#代码在PDF文档中添加、... 目录引言用C#添加图片到PDF文档用C#删除PDF文档中的图片用C#替换PDF文档中的图片引言在当

详解C#如何提取PDF文档中的图片

《详解C#如何提取PDF文档中的图片》提取图片可以将这些图像资源进行单独保存,方便后续在不同的项目中使用,下面我们就来看看如何使用C#通过代码从PDF文档中提取图片吧... 当 PDF 文件中包含有价值的图片,如艺术画作、设计素材、报告图表等,提取图片可以将这些图像资源进行单独保存,方便后续在不同的项目中使

Java实现文件图片的预览和下载功能

《Java实现文件图片的预览和下载功能》这篇文章主要为大家详细介绍了如何使用Java实现文件图片的预览和下载功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... Java实现文件(图片)的预览和下载 @ApiOperation("访问文件") @GetMapping("

利用Python开发Markdown表格结构转换为Excel工具

《利用Python开发Markdown表格结构转换为Excel工具》在数据管理和文档编写过程中,我们经常使用Markdown来记录表格数据,但它没有Excel使用方便,所以本文将使用Python编写一... 目录1.完整代码2. 项目概述3. 代码解析3.1 依赖库3.2 GUI 设计3.3 解析 Mark

使用Python和python-pptx构建Markdown到PowerPoint转换器

《使用Python和python-pptx构建Markdown到PowerPoint转换器》在这篇博客中,我们将深入分析一个使用Python开发的应用程序,该程序可以将Markdown文件转换为Pow... 目录引言应用概述代码结构与分析1. 类定义与初始化2. 事件处理3. Markdown 处理4. 转

基于Python开发批量提取Excel图片的小工具

《基于Python开发批量提取Excel图片的小工具》这篇文章主要为大家详细介绍了如何使用Python中的openpyxl库开发一个小工具,可以实现批量提取Excel图片,有需要的小伙伴可以参考一下... 目前有一个需求,就是批量读取当前目录下所有文件夹里的Excel文件,去获取出Excel文件中的图片,并