侧边栏壁纸
  • 累计撰写 218 篇文章
  • 累计创建 59 个标签
  • 累计收到 5 条评论

picgo + 腾讯云:markdown 图片存储的终极解决方案

barwe
2022-03-31 / 2 评论 / 0 点赞 / 4,214 阅读 / 1,150 字
温馨提示:
本文最后更新于 2022-04-03,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

Typora 是一个不错的写 Markdown 文档的软件,所见即所得的设计理念俘获了一大批 markdown 爱好者的芳心。但是在 Typora 中插入图片却显得有点糟糕,Typora 本身并不提供图片存储服务,插入的图片要么保存在本地,要么保存在云端。保存在本地虽然方便,但是不易于转移和分享,保存在云端时又需要手动上传,显得很劳累。

针对上面的痛点,下面的 PicGo + 云对象存储 给出了一个接近于完美的解决方案。

存储桶

首先我们得有个云对象存储容器,以腾讯云为例,在存储桶列表页面可以新建和管理存储桶,好像也不贵的样子。

新建一个存储桶,填写基本信息:

image-20220331205004669

🤔 访问权限修改为 公有读私有写,其它默认即可。

创建完成后可在存储桶列表中看到创建的存储桶:

image-20220331203734439

从这里我们会拿到配置 PicGo 需要的两个参数:

  • bucket: 存储桶名称
  • area: 所属地域,值为括号内的 ap-guangzhou

然后我们在存储桶内新建一个文件夹用于存储我们待上传的图片,例如 img/,这里我们又拿到了一个配置 PicGo 的参数:

  • path: 上传的文件夹,例如 img/,注意需要与 / 结尾

😅 防盗链设置

安全设置 - 防盗链设置 中可以设置防盗链,防止我们的图片直接被别人的文章引用。

image-20220331204448159

在 Referer 中可以设置放行的域名,例如 barwe.cc, 192.168.0.105:8080 之类的。

🤔 如果需要在 Typora 中查看图片,需要 允许空 referer。

到这里我们就拿到了存储桶相关的三个关键信息:

  • bucket 存储桶名称
  • area 存储桶位置
  • path 存储路径

API秘钥

API 秘钥管理 页面获取或者新建秘钥,拿到三个关键信息:

  • appId
  • SecretId
  • SecretKey

PicGo

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

安装方式主要有 GUI 和 command 两种,参考官网即可。✈︎✈︎✈︎

通过 GUI 或者 command 设置 uploader 参数。

command 方式:

picgo set uploader
picgo use

version 一般选择 v5,customUrl 得有备案域名才行。

按日期存储

图片能够上传到存储桶了,但是都一股脑的塞到了 path 下面,当图片数量过多还得分分类才行。

我们自然而然地想到用日期分类,把图片存到不同的时间文件夹下面去。

PicGo 本身不支持这个功能,但是有对应的插件可以做。

https://github.com/gclove/picgo-plugin-super-prefix

默认参数就挺好使的:

image-20220331210213968

这里有两个需要注意的地方:

  • 文件名个性前缀头部不用 /,尾部需要 /,它将拼接在前面我们设置的 path 后面,并且这个目录在存储桶中不存在时会自动创建
  • 需要关闭自带的时间戳重命名功能,否则插件不生效:
    image-20220331210428037

图片转 webp

目前貌似没有这个插件,有时间自己研究一下写一个。

0

评论区