写markdown博客如何截图并快速上传到图床——记一个工具插件的实现
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/如果不想重新编译源码,直接到下面的网盘链接下载插件:
链接: https://pan.baidu.com/s/1b5LQHo 密码: 33z8
压缩包中包含三个文件,一个gsp插件,两个xml语言文件,拷贝到对应的目录下:
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 ,将剪贴板中的图片链接拷贝到你的博客中,大功告成!
写markdown博客如何截图并快速上传到图床——记一个工具插件的实现的更多相关文章
- 写markdown博客如何将截图快速上传到图床——记一个工具插件的实现(windows版 开源)
打造一个上传图片到图床利器的插件(Mac版 开源)(2018-06-24 19:44) 更新于2018年2月 做了以下改动: 1.修复了一个bug,把服务器区域做成可配: 七牛有华北,华东,华南以及美 ...
- 基于SpringBoot从零构建博客网站 - 设计可扩展上传模块和开发修改头像密码功能
上传模块在web开发中是很常见的功能也是很重要的功能,在web应用中需要上传的可以是图片.pdf.压缩包等其它类型的文件,同时对于图片可能需要回显,对于其它文件要能够支持下载等.在守望博客系统中对于上 ...
- hexo博客部署到github无法上传的问题
博客生成之后,按照网上别人的教程,讲项目部署到github上,修改_config.yaml中的deploy部分如下所示: deploy: type: git repository: https://g ...
- 【技术博客】Laravel5.1文件上传单元测试
Laravel5.1文件上传单元测试 作者:ZGJ 在软工第三阶段中,我彻底解决了上一阶段一直困扰我的文件上传单元测试问题,在这里做一个总结. 注:下文介绍中,方法一方法二实现简单但有一定的限制条件( ...
- Django 博客项目02 Form验证+ 上传头像(预览)+Ajax用户注册
头像预览 $("#avatar_file").change(function(){ // 获取上传的文件对象 var file=$(this)[0].files[0]; // 读取 ...
- 写Markdown博客时遇到的一些问题
成对的美元符号$,无法转义 相同的文本,就因为成对的$(美元符号),上面显示成了公式(Math)-而且还无法转义!下面用单行代码(``)-键盘"1"左侧的键,显示就正常了 下图方法 ...
- 万里长征第二步——django个人博客(第七步 ——上传文件)
在项目目录下新建一个 ‘uploads’文件夹以保存上传的文件 配置setting.py文件 MEDIA_URL = '/uploads/' MEDIA_ROOT = os.path.join(BAS ...
- 前端react+redux+koa写的博客推荐
React-Node搭建的博客 曾经用的php+mysql+js写的博客,现在看来已经很low了,所以用目前最火的react+koa框架重构一下.先上地址吧:目前线上版本http://www.liuw ...
- Dropplets – 极简的 Markdown 博客平台
Dropplets 是一个简单的博客平台,专注于提供正是你在博客解决方案中需要的.当涉及到基础的博客功能,你真正想要做的是写和发表,而这就是 Dropplets 的过人之处.Dropplets 是一个 ...
随机推荐
- Intellij IDEA 没办法创建java文件
然后就是具体的解释和解决方案. 如上图红圈所示,我们可以根据对项目的任意目录进行这五种目录类型标注,这个知识点非常非常重要,必须会. Sources 一般用于标注类似 src 这种可编译目录.有时候我 ...
- c中的可重入和不可重入函数
可重入和不可重入 的基本概念 ---简介--- 可重入函数主要用于多任务环境中,一个可重入的函数简单来说就是可以被中断的函数,也就是说,可以在这个函数执行的任何时刻中断它,转入OS调度下去执行另外一段 ...
- struts1实现简单的登录功能(附源码)
环境:MyEclipse 14 ...
- java 解析xml文档---通过XmlPullParser解析方式
package com.zx; import java.io.FileInputStream; import java.io.IOException; import java.util.ArrayLi ...
- javaWeb项目(SSH框架+AJAX+百度地图API+Oracle数据库+MyEclipse+Tomcat)之一 基础Struts框架搭建篇
即将开始着手写这个项目,所以希望通过这篇博客来记录自己学习的过程 今天开学第一天,就上了软件工程实践课,自己也开始着手做这个大作业了.首先我的项目名称叫做智能班车管理系统. 项目的概况: 该软件产品是 ...
- bzoj1013 [JSOI2008]球形空间产生器
Description 有一个球形空间产生器能够在n维空间中产生一个坚硬的球体.现在,你被困在了这个n维球体中,你只知道球面上n+1个点的坐标,你需要以最快的速度确定这个n维球体的球心坐标,以便于摧毁 ...
- 蓝桥杯-核桃的数量-java
/* (程序头部注释开始) * 程序的版权和版本声明部分 * Copyright (c) 2016, 广州科技贸易职业学院信息工程系学生 * All rights reserved. * 文件名称: ...
- poj3320尺取法
Jessica's a very lovely girl wooed by lots of boys. Recently she has a problem. The final exam is co ...
- 最长递增子序列hdu1087
#include<map> #include<set> #include<list> #include<cmath> #include<queue ...
- 简介vsftpd及搭建配置
一.简介 FTP(文件传输协议)全称是:Very Secure FTP Server. Vsftpd是linux类操作系统上运行的ftp服务器软件. vsftp提供三种登陆方式:1.匿名登录 2 ...