使用PicGo+Typora来上传文章配图

  使用hexo博客最大的问题,就是自己没有存储图片或者其他媒体附件的空间和代码,至少我现在使用起来还是感觉不方便。图床服务提供图片存储、图片加工处理、图片全网分发等功能,为全球无数的博客网站和社区论坛提供了后端图片服务支撑。开发者们可以使用腾讯云对象存储(Cloud Object Storage,COS)搭建图床服务,COS 是腾讯云提供的一种存储海量文件的分布式存储服务,提供了更丰富的功能、更优越的性能、更高的可靠性保障。

COS 用于图床场景的优势有:

  1. 低成本:存储单价低,按量付费,用多少算多少,还有资源包优惠。
  2. 不限速:上传下载不限速,不再长时间等待 loading,访问质量也更好。
  3. 高可用:有高等级的 SLA 可用性保障,存储的数据有高达99.99999%的持久性保障。
  4. 容量无限:文件分布式存储,支持海量文件,容量按需使用。

新增图片使用 COS 搭建图床服务

  本次我们使用到以下工具:

  1. PicGo:一款支持多种云存储配置、快捷生成图片链接的工具。
  2. Typora:一款轻量级 Markdown 编辑器,支持多种输出格式,支持将本地图片一键上传至图床。

安装 PicGo 并设置腾讯云 COS 服务相关参数。

  我们需要去PicGo的官方网站来进行软件下载,下载和安装 PicGo 后,在图床设置里找到腾讯云 COS,并配置以下相关参数项:

1
https://molunerfinn.com/PicGo/

  1. COS 版本:选择 COS v5。
  2. 设定 Secretld:开发者拥有的项目身份识别 ID,用于身份认证,可在 API 密钥管理 页面中创建和获取。
  3. 设定 SecretKey:开发者拥有的项目身份密钥,可在 API 密钥管理 页面获取。
  4. 设定 Bucket:存储桶,COS 中用于存储数据的容器。有关存储桶的进一步说明,请参见 存储桶概述 文档。
  5. 设定 AppId:开发者访问 COS 服务时拥有的用户维度唯一资源标识,用以标识资源,可在 API 密钥管理 页面获取。
  6. 设定存储区域:存储桶所属地域信息,枚举值可参见 可用地域 文档,例如 ap-beijing、ap-hongkong、eu-frankfurt 等。
  7. 设定存储路径:图片存放到 COS 存储桶中的路径。
  8. 设定自定义域名:可选,若您为上方的存储空间配置了自定义源站域名,则可填写。相关介绍可参见 开启自定义源站域名
  9. 设定网址后缀:通过在网址后缀添加 COS 数据处理参数实现图片压缩、裁剪、格式转换等操作,相关介绍可参见 图片处理

Typora的相关设置

  近两年Typora开始收费了,不过价格还是能够接受的,如果实在不可以接受,可以搜索一下其他软件的教程,在这里不在赘述其他软件的安装使用方法,感兴趣的小伙伴可以自己去搜索。我们需要进入Typora的设置选项,偏好设置,图像

  1. 在插入图片时,选择上传图片。
  2. 在上传服务设定,选择 PicGo(app),并设置刚才安装的 PicGo.exe 位置。
  3. 重启 typora,使设置生效。
  4. 进入 Typora 编辑器区域,直接拖放或粘贴图片,即可上传图片并自动替换为 COS 文件链接。(如果粘贴后没有自动替换为 COS 链接,可以检查 PicGo 中的 server 设置是否已打开)。
  5. 这两款软件的设置,在这里说的简单,但是有些时候会报错,特别是第四条,如果遇到问题,大家可以进行一下搜索。

  写到这里,基本上就完成了图床设置和图片上传的问题,但是需要大家注意费用特别是网站流量起来之后。