resizeup - 优雅书写markdown

本文是resizeup这个插件的文档,更新仓库,顺带也发到博客上。

resizeup

Dropzone3's action plugin - markdown insert images solution

优雅使用Markdown

日常开发,程序员记录markdown必然是首选项。一切都好,唯独图片是个恼人的事情。存在本地,迁移文档时候路径就容易出问题,没法正常显示。上传图床,又靠谱又方便的实在是屈指可数。想来搞搞这个问题,也是偶然。

清理Mac桌面时,了解到Dropzone3这款应用,可以方便开发action插件,有国内开发者创建了一键上传七牛的action。安装插件使用后,本地环境没法正常启动,而作者已经不再更新。了解下Dropzone3,在作者插件基础上,根据自己功能需求,完成了一个相对使用度比较高的action:resizeup

resizeup使用应该算是极简了,第一次使用配置后,之后只需拖拽图片,然后ctrl + v粘贴图片链接即可,我想这基本上是最简单的方案了吧

实现功能

resizeup是为写字爱好者提供更好的图床解决方案,方便快速高效的在markdown中添加图片。

使用了口碑不错的qiniu提供的免费服务,前端之友tinypng提供的免费压缩图片接口。考虑到个人博客小规模使用,qiniu免费的10G空间,20G流量,tinypng每月免费500张图片压缩,足够我们正常使用。

  • 图片拖拽上传七牛云存储:速度存储口碑都不错;
  • 文件增加md5验证:为避免图片重复上传及重名文件被替换,计算了文件md5值,上传文件名由 文件名 + MD5组成;
  • 图片压缩:虽说七牛免费空间还能经得起一时折腾,但考虑到长期使用,在不影响正常阅览情况下,还是得精打细算,毕竟码农家也没有余粮;
  • 本地备份:可选,此功能是在参考链接的插件中,功能直接迁移来的。

其他说明:

  • 为保证功能单一性,只支持jpg,jpeg,png后缀文件上传
  • 支持文件名包含中文

安装使用

安装

  • 安装Dropzone3

    Dropzone3是mac上的一款小强应用,桌面效率工具,官网下载地址

    resizeupDropzone3的一个插件。

  • 安装resizeup

方法一:云盘下载解压,获取.dzbundle文件
云盘链接:https://pan.baidu.com/s/1nu8TNLn 密码: bb4e

方法二:下载本仓库,.dzbundle文件即为本插件
仓库地址:https://github.com/onvno/resizeup
  • 配置resizeup

    下载后,双击.dzbundle文件安装选择Add to Grid,进入配置页,配置项如下:

配置说明

  • 1,5配置项,可在自己创建的七牛空间中找到
  • 2,3配置项,七牛登陆后,https://portal.qiniu.com/user/key可查找对应的密钥内容
  • 4为选填,如不填写则本地不做备份处理
  • 6配置项,在https://tinypng.com/developers中填写邮件注册,获取免费API key填入即可

使用

拖拽到插件位置,等待返回信息,直接ctrl + v使用:

giphy

参考

@2017-09-24 21:22