主角介绍

PicGo

image-20210409220033064

PicGo是一个用于快速上传图片并获取图片 URL 链接的工具。

官方中文文档地址。

图床

图床可以理解为一个可以提供外链的网盘。

PicGo官方支持的图床如下:

不推荐图床如下:

  • Gitee(图床等于滥用,易封禁; PicGo没有官方支持, 靠插件)
  • Imgur(梯子)

为什么需要图床?

速度以及限制

管理

图片会被上传到对象存储空间而不是留在本地,在写MD的时候有大用,不用担心图片挪来挪去出现各种问题(虽然基本不会乱挪)

在下文还会提到使用Typora搭配PicGo实现插入图片自动上传至图床。

这点是其实我瞎扯的主要还是第一点。


动手开搞

PicGo+OSS配置

  1. 获取PicGo

  2. 运行,找到左侧图床设置->阿里云OSS

  3. 按照图示填入自己的配置信息。如果你对OSS有疑问,可以看这篇文章。

    image-20210409230055047

  4. 确定并测试一下!

PicGo+Typora配置

自0.9.84版本开始,Typora支持配置PicGo进行插入图片的上传。

Typora是一个Markdown神器!

可以从Typora工具栏的文件->偏好设置->左侧图像进入PicGo的设置。

  • PicGo(app): 先完成上一步(PicGo+OSS配置)的配置;其次,在PicGo路径选择PicGo的主程序即可。

  • PicGo(core): 这个选项不需要下载PicGo且不需要进行第一步的配置。如需进行其他选项的配置,务必查看PicGo-Core的中文文档。

    首先,点击下载或更新;其次,打开配置文件,将以下的代码复制进去,并填入自己的配置信息;最后,验证图片上传选项,测试是否可用。

    {
    	"picBed": {
    	"uploader": "aliyun", // 代表当前的默认上传图床,
    		"aliyun": {
    			"accessKeyId": "", // *KeyId
    			"accessKeySecret": "", // *KeySecret
    			"bucket": "", // *存储空间名
    			"area": "", // *存储区域代号
    			"path": "", // 自定义存储路径
    			"customUrl": "", // 自定义域名,注意要加 http://或者 https://
    			"options": ""// 针对图片的一些后缀处理参数 PicGo 2.2.0+ PicGo-Core 1.4.0+ https://sm.ms/home/apitoken 获取的 token
    		}
    	},
    	"picgoPlugins": {}// 为插件预留
    }

最后在插入图片时…选择上传图片,以及勾上对本地位置的图片应用上述规则即可。

image-20210410092049485

效果演示(粘贴剪切板的图片时自动上传到图床并改变路径名):

UploadSample


一些额外的配置

防盗链设置

你可以进入控制台->左上角对象存储OSS->进入你需要设定的Bucket->权限管理->防盗链进行设定。

如果你配置过SSL证书,应该像如下方式设置:

image-20210409223101751

另外说下这个空Referer的问题:

如果不开启,比如上面刚配置好的Typora就无法预览上传到图床的图片。配置的网站可以正常访问图片就是了。

建议写好上方的Referer,并且允许空Referer。

图片压缩

你可以看到OSS图床设定中有网址后缀的设定。然后我发现这个…要付费!!!

image-20210409222331851

所以…

  • 百度一下,有许多在线压缩图片的网站,如TinyPNG
  • 如果想要本地的工具,可以尝试下腾讯智图
  • 或者尝试下谷歌推出的libwebp?

截图处理工具推荐

  • QQ截图,这个嘛,个人习惯,而且方便(前提是开着QQ)

  • ShareX,开源软件,集截图,编辑功能于一体,比较强大的软件。

    image-20210409220734494

  • ScreenToGif,开源软件,GIF录制编辑功能针不戳。上面的演示GIF就是靠这个完成的。

    image-20210409221824336