写了个适用于vscode的minio图床客户端插件
缘起
自己搭建minio做我的个人博客图床好一段时间了, 一直用minio自带的web管理后台来上传图片, 它的界面长下面这个样子
上传完后, 需要点下文件列表里刚刚传上去的文件的分享按钮
然后会出来下面这个界面
恩, 没错, 如果你直接复制这个链接到浏览器地址栏然后打开, 当你满心欢喜的以为能看到你刚才上传的好看的 风景/小姐姐 图片了, 结果现实只有一个白底黑子的浏览器错误报告...
内心多半是一万句"xxx"
其实要看到真正的图片倒也不难, 把http://10.244.1.134/blog/images/1.gif
里面的http://10.244.1.134
改成你自己配置的minio域名就行了, 比如 https://minio.example.com
但是这也太麻烦了, 还让不让愉快的写markdown了啊. 于是就萌生了一个写一个vscode插件来传图片到minio的想法, 因为我主要都是用vscode来编辑markdown的.
vscode-minio-picman
vscode-minio-picman
顾名思义, 适用于vscode的minio图床插件, 因为版本的顾名思义就是
A vscode plugin used to upload images to your minio server
这个插件可以让你将剪贴板或本地磁盘中图片通过上传到minio, 完后可以直接给你正确图片的链接
放一张演示gif
上传完成后, 如果你当前正在编辑的是markdown文件, 那么插件会自动帮你生成markdown格式的图片并插入到编辑器中, 像上面演示的那样
如果当前没有正在编辑的文件或者编辑的不是markdown文件的话, 则会弹出一个窗口提示你上传成功啦, 这个弹窗上有一些按钮, 允许你复制此图片不同格式的链接, 如下图
终于不用像之前那样蠢呼呼的在minio自带控制台里点分享按钮在替换域名那样麻烦了. 又可以愉快的markdown了!
vscode-minio 使用前
使用前需要你有一个minio文件服务器, 然后在vscode设置页面中填好相关的设置
️需要确保配置的bucket name在minio中已经创建好了的, 否则无法上传成功
vscode-minio 快捷键
插件默认:
ctrl/cmd+shift+x
上传剪贴板图片ctrl/cmd+shift+z
从本地选择一张图片上传
也可以自己到vscode相关的设置页面自定义这两个命名的快捷键(键盘按下cmd+shift+p
然后搜索Keyboard shortcuts
)
vscode-minio 仓库地址
vscode-minio-picman, 欢迎围观吐槽或pr
为什么不用picgo
看了下picgo是好像需要通过插件支持minio, picgo的vscode的插件好像暂时还不支持picgo插件系统.
不过很感谢vscode-picgo, 获取剪贴板图片的代码抄的就是这个项目的, 让我省了很多时间和精力
写了个适用于vscode的minio图床客户端插件的更多相关文章
- VSCode + PicGo + Github + jsDelivr 搭建稳定快速高效图床
VSCode + PicGo + Github + jsDelivr 搭建稳定快速高效图床 目录 前言 准备 配置 验证 前言 所谓图床,就是将图片储存到第三方静态资源库中,其返回给你一个 URL 进 ...
- 发现一个微博图床API和图片上传代码
网上寻到一款微博图床的插件,然后顺藤摸瓜找到了原作者的API代码. API文件: <?php /** * 上传图片到微博图床 * @author Youngxj & mengkun &a ...
- 用Python实现一个Picgo图床工具
PyPicGo PyPicGo 是一款图床工具,是PicGo是Python版实现,并支持各种插件自定义插件,目前PyPicGo自带了gitee.github.SM.MS和七牛云图传,以及rename. ...
- 从零开始建图床 minio
图床 图床可以参考知乎这篇文章 一些小众图床有空空间免费,但不知道什么时候会挂掉.前些年用过的极简图床,现在也销声匿迹: 大厂提供的有限免费空间,七牛云10G空间,10Gb/月 流量免费:但如果使用h ...
- 昨天晚上画了个带apple的图:ide插件与php和xdebug通信原理图,周末写1个调试器。
昨天晚上画了个带apple的图:ide插件与php和xdebug通信原理图,周末写1个调试器.
- 使用Typora写博客,图片即时上传,无需第三方图床-EasyBlogImageForTypora
背景 习惯使用markdown的人应该都知道Typora这个神器,它非常简洁高效.虽然博客园的在线markdown编辑器也不错,但毕竟是网页版,每次写东西需要登录系统-进后台-找到文章-编辑-保存草稿 ...
- 让自己写的电子笔记连文带图全平台兼容(MarkDown图片显示兼容)
目录 一.工具使用 语言使用:MarkDown 简介 使用原因 使用方法 软件使用:Typora 简介 环境设置搭建 1)搭建图床 2)配置PicGo 3)配置typora 4)测试 图片上传测试 平 ...
- 使用Typora+EasyBlogImageForTypora写博客,无图床快速上传图片
如今,使用markdown攥写博客已成为主流,而Typora作为markdown的主流工具,广受大众好评,本文讲述从Typora的安装到快速将Typora写好的博文上传到博客园 Typora下载 Ty ...
- [python] 溜了,溜了,七牛云图片资源批量下载 && 自建图床服务器
故事背景: 七牛云最近一波测试域名操作真是把我坑死了!这简直和百度赠送你2T网盘,之后再限速一样骚操作.于是,痛定思痛自己买个云主机.自己搭图床应用! 1.七牛图片批量下载到本地 1.1 曲折尝试 当 ...
随机推荐
- 阿里云NAS性能测试
测试方法:根据阿里云NAS官方文档进行测试 测试对象:性能型NAS,总容量1PB,已使用27.49GB(计算吞吐量时按30GB计算) 随机读IOPS测试 测试命令 fio -numjobs=1 -io ...
- Phoenix二级索引
Phoenix Hbase适合存储大量的对关系运算要求低的NOSQL数据,受Hbase 设计上的限制不能直接使用原生的API执行在关系数据库中普遍使用的条件判断和聚合等操作.Hbase很优秀,一些团队 ...
- 学习java的第十六天
一.今日收获 1.完成了手册第二章没有验证完成的例题 2.预习了第三章的算法以及for语句与if语句的用法 二.今日难题 1.验证上出现问题,没有那么仔细. 2.第二章还有没有完全理解的问题 三.明日 ...
- accurate, accuse
accurate accurate(不是acute)和precise是近义词,precise里有个pre,又和excise(切除, 不是exercise),concise一样有cise.Why? 准确 ...
- [学习总结]6、Android异步消息处理机制完全解析,带你从源码的角度彻底理解
开始进入正题,我们都知道,Android UI是线程不安全的,如果在子线程中尝试进行UI操作,程序就有可能会崩溃.相信大家在日常的工作当中都会经常遇到这个问题,解决的方案应该也是早已烂熟于心,即创建一 ...
- 如何设置eclipse下查看java源码
windows--preferences--java--installed jres --选中jre6--点击右边的edit--选中jre6/lib/rt.jar --点击右边的 source att ...
- Oracle常用函数(SQL语句)
使用sql函数,您可以在一个select语句的查询当中,直接计算数据库资料的平均值.总数.最小值.最大值.总和.标准差.变异数等统计.使用recordset对象时,也可使用这些sql函数. sql函数 ...
- React 传值 组件传值 之间的关系
react 组件相互之间的传值: 传值分父级组件传值给子组件 子组件传值给父组件 平级组件.没有嵌套的组件相互传值 1.父组件向子组件传值 父组件通过属性的形式来向子组件传值,子组件通过pr ...
- 云服务器ECS部署和卸载RabbitMQ
云服务器ECS部署RabbitMQ RabbitMQ是实现了高级消息队列协议(AMQP)的开源消息代理软件,用于在分布式系统中存储转发消息,有良好的易用性.扩展性和高可用性.本文介绍如何通过ECS实例 ...
- 调整markdown 图片大小和对齐方式
[博客园]调整markdown 图片大小和对齐方式 图片大小 例 <img src="https://img2020.cnblogs.com/blog/2199257/202101/2 ...