本文介绍在Markdown 写作中,如何快速高效完成截图、标注、加水印、上传微博图床、返回Markdown 格式图片链接。按照本文设置好ShareX 和PicGO 后,只需要两个快捷键,即可完成以上操作,绝对快速高效。

uud.me-image

前言

Markdown 写作中遇到的最繁琐的问题,就是如何快速高效地插入图片。在Markdown 语法中,插入图片需要用到

![inamge-name](url)

如果每张图片都这样输入,就实在太慢了。

如果是写教程类文章,需要经常截图,这个过程将会更加繁琐。以往我写博客,用的是sm.ms

因此如果博文里需要配图时,我的步骤是这样的:

  1. 打开QQ ,打开一个聊天对话框,点击对话框里的截图按钮

    • 如果截图不需要做标注的话,有时候会使用Win 10 自带的截图功能
  2. 截图、标注完毕后,图片保存到电脑上,然后打开sm.ms ,拖拽图片上传
  3. 复制返回的Markdown 格式图片连接,粘贴到博文里

可以说是相当繁琐了,后来发现了个不错的小软件:utools

uud.me-image

里面有个图床插件 用的就是sm.ms 图床的接口,便捷了很多。

然而前天发现接口用不了了,看官方TG 频道消息,看到这个公告:

uud.me-image

再打开sm.ms :

uud.me-image

无法使用,再加上恢复后也没有国内节点,速度肯定受到一定的影响。无奈之下,想到了国内一款绝对良心的图床:新浪微博图床

新浪微博图床

很多博主、站长都知道微博是可以做图床的,而且有国内CDN 加成,速度绝对顶尖,微博图床可以说扶持了很多小站长。

但是用微博图床也有隐患:

  1. 图片上传后无法删除,如果不小心上传了隐私照片……
  2. 可以通过图片查找到源上传者,一查就能知道你用哪个微博

隐患1,只能是自己小心,小心一点就没事,一般都不会传错。

隐患2,非常简单,买一个微博小号就行了。

在没有好图床的情况下,我也决定用微博图床了。

同时我又想找到一个高效的截图、上传软件,就像utools 一样,能实现快速上传

需求

  1. 包含截图功能
  2. 实现截图后自动上传,自动复制Markdown 格式的图片链接到剪贴板
  3. 其实就是两个功能:截图 + 上传

通过百度、谷歌,首先发现了一个Chrome 插件:微博图床

uud.me-image

使用这个插件,需要首先登录微博账号,然后以浏览或者拖拽的方式上传,支持https。

但我试用了一下,就决定放弃了。

因为太慢了。

需要截图后,保存好,再打开浏览器,点击这个插件,拖拽图片,等待上传完毕,鼠标点击图片链接进行复制,然后再粘贴。虽然有批量模式,但还是要一个个复制,太慢了。

继续找

所发现的其他图床 软件

我几乎搜遍全网,都没有找到能一个软件实现以上列出的需求。

在这个过程中,发现了好几个图床及软件,下面列一下做个记录。

  • 极简图床:http://jiantuku.com/

    • 单纯的图床软件,没截图,有Chrome 插件,支持七牛云
  • 路过图床:https://imgchr.com/

    • 单纯的图床软件,没截图,有免费和付费套餐(没钱,弃)
  • 幻想领域图床:https://img.52ecy.cn/

    • 使用微博图床,图片保存在微博图床,提供接口,可以配合后面发现的一款截图软件,实现自动截图后自动上传
    • 然而居然要“实名”
    • uud.me-image
    • uud.me-image
    • 看起来像是搞笑的,然而我的确无法认证- -没继续研究了,有知道的大佬说一下
  • ipic:https://toolinbox.net/iPic/

    • 能够上传到微博图床
    • 而且,配合Typora 居然能够将图片粘贴到Typora 后,自动上传到微博图床!就是我想要的功能!
    • 然而,只有macOS 版……没钱

这个过程中,也发现了两个软件:

  • ShareX :全能截图,看上了,然而虽然有自动上传功能,支持自定义上传目的地,但是不支持微博图床。如果我能注册前文提到的 幻想领域 图床,就能使用ShareX 自动上传到幻想领域,相当于上传到微博图床。然而很遗憾,不能。
  • PicGO :图床上传,支持微博图床。然而只有上传功能。

ShareX + PicGo 近乎完美的解决方案

终于我决定,将这两个软件组合起来,实现高效截图 + 快速上传

设置好之后,其实还真的挺高效的,两个快捷键就能实现截图 + 上传,下面就对这两个软件的使用方法做简单的介绍。

ShareX:满足所有截图需求

官网:https://getsharex.com/ (似乎是被墙的)

ShareX 这个软件功能非常丰富,列举一下我觉得非常有用的几个功能

  • 自动为截图加水印和阴影

    • 非常有用的功能,作为博客配图,给图片加个水印也是非常不错的,自从用了这个软件,我所有文章配图都加上了水印;
    • 加一个阴影,图片看起来逼格高了
  • 多区域截图

    • 比如这张图片:

      uud.me-image

      如果使用QQ 截图,是无法做到这种效果的

    • 支持工作流,只要设置好之后,只需要一个快捷键,就能够实现自动加水印、自动加阴影、自动保存到指定目录、自动复制图片到剪贴板、自动上传等等繁琐的操作
    • 支持屏幕录像、滚动截图、GIF录制等等

设置ShareX

下载安装好之后,打开ShareX 软件:

uud.me-image

ShareX 在设置功能时,如果该功能字体为 加粗 显示,即代表选中,比如:

uud.me-image

则表示截图时显示鼠标指针,如需取消该功能,只需点击该项目,如下图,则为截图时不显示鼠标指针:

uud.me-image

设置快捷键

uud.me-image

如需设置更多的快捷键,点击 添加 按钮:

uud.me-image

选择你需要设置的任务,然后设置对应的快捷键

设置工作流

ShareX 能够设置截图后,自动进行操作:

uud.me-image

选中某一项后,该项字体 加粗 ,如上图,我设置的是截图后,自动添加图片特效/水印 - 图像复制到剪贴板 - 保存图像文件

这样,我使用快捷键截图后,ShareX 将为我自动进行以上操作

设置多区域截图

如下图设置:

uud.me-image

设置图像特效和水印

如下图:

uud.me-image

设置截图阴影,点击 添加 - 过滤器 - Shadow

uud.me-image

设置文字水印或者图片水印,点击 添加 - 图纸 - Image watermark 或者 Text watermark

uud.me-image

设置局部工作流

有时候不是所有图片都想加水印,所以我们需要另外设置一个快捷键

首先添加一个新的截图快捷键:快捷键设置 - 添加 - 任务 - 屏幕捕捉 - 捕捉矩形区域

uud.me-image

勾选 覆盖截图设置 - 取消添加图片特效/水印,或者其他你不需要的操作,你还可以添加描述,方便区分,比如 不加水印,之后直接点击右上角关闭即可:

uud.me-image

关闭后,回到快捷键设置,点击 None,然后直接在键盘上按下你想设置的快捷键:

uud.me-image

uud.me-image

右上角关闭,设置完毕,此时按下快捷键 Ctrl Shift D ,就会截图,而且没有加水印

设置截图保存目录

如下图,工作流如果设定为 保存图像文件,那么截图后会自动保存到你设定的这个目录:

uud.me-image

设置上传

设置上传,首先要设置 目的地,即上传到哪里:

uud.me-image

可供选择的目的地非常多,但是基本都是国外的图床,我没有使用,就不详细说的。

uud.me-image

至此,我设置的ShareX 的工作流是这样的:

  1. 按下快捷键 Ctrl + Shift + Z 截图
  2. 根据事先设定的工作流,ShareX 自动帮我添加截图阴影、水印、并自动保存到我设定的文件夹下
  3. 将加了阴影、水印的图片复制到剪贴板

ShareX 部分设置完毕,之后就需要PicGO 将复制到剪贴板的截图自动上传。

此时,我使用ShareX 截图,只需要按下快捷键,其他都无需操作。

PicGO 图床神器

PicGO 是一个开源软件,项目地址:https://github.com/Molunerfinn/PicGo/releases

PicGo 使用文档:https://picgo.github.io/PicGo-Doc/zh/guide/config.html

uud.me-image

支持多个图床,包括sm.ms 图床、七牛图床、微博图床、又拍云图床等等:

uud.me-image

重点!PicGO 支持直接上传剪贴板中复制的图片!

正因为有这个便捷的功能,使得PicGo 能够和ShareX 无缝对接

设置PicGO

下载对应版本后,安装打开。

第一次打开的时候,好像是一个球:

uud.me-image

右键这个球,点击 打开详细窗口

uud.me-image

就会变成这样:

uud.me-image

设置微博图床

首先要登录自己的微博账号,软件提供两种方式,一种是使用账号、密码登录,另一种是使用cookie 登录,推荐使用cookie ,软件作者也提供了详细的教程,点击红色箭头所示的问号,就会跳转到作者的教程页面:

uud.me-image

按照文档说明设置即可,非常详细了

设置上传快捷键

如下图,点击PicGO 设置 - 修改上传快捷键:

uud.me-image

按照你自己的习惯进行设置即可:
uud.me-image

我设置的是 Ctrl + Win + Z

设置自定义图片链接格式

PicGo 支持自定义上传成功后返回的图片链接格式

点击 PicGo设置 - 自定义链接格式 - 点击设置:

uud.me-image

这个自定义格式必须包含 $url ,我设置的是Markdown 格式,加了描述,如果是直接使用预设的Markdown 描述是空的。

之后,点击 上传区,选择 Custom

uud.me-image

这个自定义链接昨天我使用的时候是不能用的,无论如何设置,返回的都是单纯的url 今天发现有更新,看了更新说明,作者已经解决了这个bug。

uud.me-image

有点美中不足的是,自定义链接没有更多的参数:

uud.me-image

至此,PicGo 也设置完毕了,需要上传图片时,只需按下设定的快捷键即可。

后话

现在,ShareX 和PicGO 都已经设置好,两者各设置了一个快捷键:

  • ShareX 设置的是截图快捷键:Ctrl + Shift + Z
  • PicGo 设置的是上传快捷键:Ctrl + Win + Z

当我写文章需要截图时,只需要按下两个快捷键:

  1. 按下快捷键 Ctrl + Shift + Z,对截取的图片进行标注,然后回车
  2. 按下快捷键 Ctrl + Win + Z,PicGo 将会自动把ShareX 截图后复制在剪贴板的图片上传到微博图床,然后将返回的图片链接,复制在剪贴板
  3. 在需要插入图片的位置,按下快捷键 Ctrl + V ,粘贴剪贴板里的图片链接

三个快捷键搞定Markdown 写作插入图片。

Last modification:January 23, 2019
如果觉得我的文章对你有用,请随意赞赏