使用七牛云图床并实现快速贴图

七牛存储可以作为图床,存放一些静态资源,介绍一种快速贴图的方式。

Markdown编写博文体验很好

但,上传图片除外。用markdown编辑文章,或是在博客后台编写文章,上传图片一直都比较笨拙,体验都不理想。

比较好的文章贴图体验

我心目中上传图片最理想的使用场景是这样的:

  1. 当在编辑文字附近贴一张图的时候,拿到这张图,本机存储的图片或者截图等,上传
  2. 图片要上传到云存储,返回url
  3. 贴图完马上能预览

以上三个过程要快,体验好。搜了网上的解决方案,有一种解决方案基本很好地满足了以上的场景要求,下面介绍

使用七牛云图床并设置贴图快捷方式

  • 使用工具qiniu-image-tool,下载
  • 按照这个教程操作,注册七牛云,实名认证后最多有免费空间10G,然后结合Mac的Alfred配置上传图片快捷键,我配置的是 cmd+shift+v
  • 配置完就可以愉快地进行贴图了,选中本机图片,command+c复制,或者直接截图,然后按配置好的快捷键,然后图片就上传到七牛并返回图片url到剪切板了,如果是使用Mweb编辑器的话按完快捷键会自动粘贴url到markdown并预览。
  • 整个过程堪称行云流水,体验非常好。使用markdown进行文字编辑的同学值得一试。

添加水印

生成七牛图片水印样式

图一:

修改workflow代码

打开Afred workflow:
图二:

打开图二中Run Script,编辑代码,将图一中的样式代码加入。最终代码放于这里

修改保存后即生效。这样快速贴图之后就可以为七牛图床里的图片添加上自己的水印样式了。