写markdown博客如何将截图快速上传到图床——记一个工具插件的实现(windows版 开源)...
打造一个上传图片到图床利器的插件(Mac版 开源)(2018-06-24 19:44)
更新于2018年2月
做了以下改动:
1.修复了一个bug,把服务器区域做成可配:
七牛有华北,华东,华南以及美国三个服务器区域,根据自己的情况进行相应的选择即可。
2.把插件打包进了exe安装包中,下载链接:
链接: 密码: 1749
因此不要再使用本文的替换方法进行安装了,直接安装即可,七牛插件是默认安装的。
对应文章更新:
重新打包用户量过亿的开源截图软件——加入图片自动上传到图床的功能(2018-02-09 07:04)
如何使用:
除了正确配置Zone之外,其余配置查阅本文的6.2节。
1. 背景
写博客有一个自己的图床是不错的选择,如果不借助工具,在markdown博客中添加图片的步骤如下:
- 截取图片,保存到本地(得来回点对话框,选择保存路径,选择文件类型,输入文件名)。
- 上传到图床服务器(打开网页,跳转到上传页面,点击browse,选择本地文件,upload...)
- 获取图片链接(为了确保无误,可以在浏览器中打开图片,并复制link)
- 将链接添加到markdown博客中(Ctrl+v 复制到博客中)
还是很繁琐的,那么可不可以自己实现一个工具来做这些繁琐的事情呢?
2. 分析
首先要确定使用哪家的图床服务,网上搜了一下,都说七牛云比较靠谱(这里不是打广告。。),提供的SDK也比较全,我们这里就用七牛云,接下来确定该如何实现一个截图工具来实现截图+图片upload功能,从头实现一个工具不太现实,找一个开源的截图工具比较靠谱,博主目前正在用的是greenshot,发现这正好是一个开源的工具,好了,就是它了。
3. 需求
为greenshot添加一个插件,初步实现以下功能:
- 针对七牛云SDK接口,添加配置对话框,可以配置accesskey,secretkey,scope,default domain来支持上传,并能将这些配置保存到本地(为了简单,将access key和secret key保存成明文)
- 可以为图片名字添加前缀
- 支持选择文件类型,支持bmp,gif,png,jpg等格式
- 上传文件后可以自动将图床中的文件link复制到剪贴板
4. 准备
- 开发工具 visual Studio 2017
- 原材料 七牛云SDK源码+greenshot源码
- 其它 申请一个七牛云账号,开通图床服务(可以百度或者google...)
5. 实现
过程省略,实现比较简单,大部分时间花在熟悉greenshot代码架构和代码调试上,直接上源码:
https://github.com/harlanc/greenshot
6. Demo
6.1 安装
首先安装GreenShot:http://getgreenshot.org/如果不想重新编译源码,直接到下面的网盘链接下载插件(2017-12-12,又改了下代码,保存在七牛云上的图片只能保留一天时间,把这个限制去掉了,自己重新编译一下源码吧):
链接: https://pan.baidu.com/s/1sloCA53 密码: 2pv5压缩包中包含5个文件,一个gsp插件,两个xml语言文件,两个DLL,拷贝到对应的目录下:
6.2 配置
打开GreenShot,首先我们验证一下插件是否加载成功,邮件单击GreenShot图标,单击Preference...:
如果看到插件列在了Plugins中,说明加在成功:
打开配置主界面:
序号1到4必须填正确,这些都该填写什么呢?
见下图,登陆七牛云,点击个人中心->密钥管理,即可看到AK和SK:
序号3对应着存储空间名称,你可以新建存储空间,把对应的名字填写到Scope里:
序号4对应着域名,这个域名是用于拼写复制到剪贴板的图片link的,不知道有没有更好的方法。目前楼主用的是测试域名:
序号5是图片格式,序号6为图片名字前缀,方便管理图片。
好了,配置好之后,点击OK,这些配置信息都会保存到本地的配置文件中,注意AK和SK在这里是明文保存,小心不要泄露。。
6.3 使用
看一下如何使用,右键单击GreenShot图标,点击Capture region,或者其他的截图方式:
如果需要编辑图片,你可以选择Open in image editor,如果你想直接上传,单击Upload to Qiniu即可。
编辑完图片之后,单击七牛图标。
最后一步,Ctrl+V ,将剪贴板中的图片链接拷贝到你的博客中,大功告成!如果有任何问题,请告知楼主,谢谢。
7. 总结
通过使用GreenShot插件,上传图片到七牛云只需要点击4下鼠标即可,节省了时间。
写markdown博客如何将截图快速上传到图床——记一个工具插件的实现(windows版 开源)...相关推荐
- Typora等markdown笔记软件图片链接失效的问题解决办法,图片的相对路径、绝对路径的设置,图片上传到图床的方法
文章目录 -遇到的问题:Typora编辑MD文档,图片失效的问题解决 -解决的方法: 方法一:本地图片,使用相对路径,并将图片放在和md文件的同一目录下 步骤1.Typora的图片根目录设置 步骤2. ...
- HALO博客配置华为云OSS上传附件
大家好,我是满心 前言 之前使用的服务器本地存储,用了半年左右发现,存储量较大,而且访问速度也很慢,就考虑使用OBS存储方式,由于我使用的是华为云服务器,所以这里也选用华为的OBS,其实和阿里云差不了 ...
- emlog博客网站后台登录模板 上传到模板目录即可
使用说明: 上传到 admin/views 文件目录解压即可 下载地址: http://www.bytepan.com/vJM0J8j0NYj
- 写完博客发现无法用百度搜到?为什么百度搜索资源平台的“链接提交”无法提交链接?教你如何让百度快速收录自己的博客?
疑问 为什么美滋滋得写完博客之后,去百度上搜索却没有办法搜到呢?博客网站又不是亲手搭建的,也不需要购买域名,怎么就搜不到呢? 解答 每天都有无数人在网上发布帖子和博文,纵使百度的服务器再强大,也不能一 ...
- 用马克飞象+ 印象笔记 快速方便写技术博客方法
快速方便写技术博客方法 我个人原来经常写博客 ,如 http://bluedrum.cublog.cn ,坚持写了好几百篇与嵌入式软件相关的,后来还是放弃的. 主要原因,现有写博客的方式,实在太过于低 ...
- 技术博客那些事儿-如何写好博客
转载:http://www.ityouknow.com/ 写文章是一个短期没有收益,长期收益很大的一件事情,但往往是很多人坚持不下来,特别是写文章的初期,刚写完文章没有人阅读会有一种挫败感,影响了后期 ...
- 程序员可以选择哪些平台写技术博客?
前言 只有光头才能变强. 文本已收录至我的GitHub仓库,欢迎Star:https://github.com/ZhongFuCheng3y/3y 很多时候,别人问我怎么学习Java,怎么可以提升自己 ...
- 3. 你也要写技术博客?这篇博客告诉你平台怎么选
橡皮擦,一个逗趣的互联网高级网虫,为你带来新职场故事,搬来程序员敲门砖. 已完成文章 国内,首套,成体系,技术博客写作专栏发布啦 技术博客只能写技术文章吗?当然是由我们自己来定义. 为"她& ...
- 如何开始写技术博客?
原文链接: https://dsx2016.com/?p=599 选技术平台 既然是博客,首先想到的是wordpress等独立博客,我们可以尝试自己搭建一个,也可以考虑下现有的自媒体平台. 程序员做事 ...
最新文章
- 新视角解析:用户体验四维度
- Python程序开发——第三章 列表与元组
- java字符串拼接例子_Java详解【String】+【StringBuilder vs StringBuffer】+【字符串拼接】...
- Node学习笔记:建立TCP服务器和客户端之间的通信
- c语言中++b与b++_C ++中的朋友功能
- Java的GUI学习
- python结巴分词的缺点_Python 结巴分词
- 滚动条插件better-scroll(BScroll)的使用
- 分享一个可以让你在朋友圈赚钱的小工具
- 对不起,我轻视了google的公关能力
- 终于可以不用radmin了
- 编码器-解码器架构-读书笔记
- 微服务之API网关:Kong:概要与安装
- 二次型(Quadratic Form)
- WMS系统后端开发-货位管理
- 科大讯飞 错误码 14002怎么解决?
- 近红外荧光ICG-whey protein 吲哚菁绿标记乳清蛋白
- 网站优化SEO技巧分享-企业建立自己的关键词库@运营猫工具箱
- 互联网行业都有哪些岗位?看看自己适合哪个吧!
- 大数据培训教程Combiner合并
热门文章
- 在字节干了两年离职后,一口气拿到15家Offer
- 考研逻辑整理 - 假言判断和假言推理
- 我在App付费推广上,烧出来的经验
- 【云原生系列】第四讲:Knative 之 Eventing
- 湖南自考计算机及应用,湖南2010年自考计算机及应用(本科)考试计划
- 个人信息安全影响评估 范围
- cad面积累计lisp怎么用_CAD里面的lisp有什么作用啊,怎么用,要具体的,能让我明白加分?...
- [usOJ6310]冒泡排序
- 电力英语计算机考试,电力系统的计算机考试和电力英语一起考才有效吗?
- modbus/施耐德PLC协议网关