文章中心

棱束链 + PicGo + Typora搭建个人图床

分类:其他
2022-09-28 06:32:43
分享

什么是图床?

  • 图床就是用来存放图片的空间,并且允许外链到其他网站预览或下载。
  • 如我们将图片夹杂在文章、文档、公众号、博客当中,一般情况下也不会存在什么问题,可试想一下若我们需要同时维护多份,不断地在不同渠道重复上传、编辑,就会变得难以维护管理,这时候若有个统一的存储空间就可以很轻松进行管理。

PicGo

PicGo 是一个用于快速上传图片并获取图片 URL 链接的工具,但该工具实际并不提供存储,而是一个可以与编辑器(如Typora markdown编辑器)配合使用的本地软件,它默认的配置能满足大部分用户需求,还可以支持插件。很不错的是,它还提供了 Amazon S3 插件,完美支持兼容Amazon S3。我们使用的主流的存储产品,比如阿里云OSS、华为OBS、腾讯云COS,以及低成本、高性价比的 棱束链对象存储 等都是支持S3标准的。 这意味着,当我们拥有这个存储管理工具,文件迁移将是零成本的。

搭建S3存储服务

棱束链对象存储 为您提供基于网络的数据存取服务。使用对象存储,您可以通过网络随时存储和调用包括文本、图片、音视频在内的各类数据文件。使用详情请点击 对象存储快速入门

安装 PicGo

PicGo 是开源产品,您可以前往 GitHub 找到它,下载相应程序,考虑到国内访问较慢,这里提供了棱束链高速下载链接:

用户可根据实际需求安装相应程序,这里我们使用 Windows 安装的是 PicGo-Setup-2.3.0-x64.exe,默认点击下一步即可安装成功。

安装S3插件

成功安装 PicGo 后,打开该程序并点击插件设置,在搜索框里输入S3,然后安装第一个插件即可,如下:

PicGo插件设置

创建棱束链存储桶

  1. 前往 棱束链对象存储
  2. 创建存储桶(注意:图床为公共访问资源,务必将桶权限设置为公共读)

创建棱束链存储桶

获取棱束链配置信息

  • 获取 secretId 和 secretKey
  1. 前往 棱束链个人中心
  2. 功能设置区域点击打开API并复制好secretId 和 secretKey备用,请妥善保管secretId 和 secretKey,忘记后需重新获取

获取棱束链密钥

  • 获取地域和端点
  1. 前往 棱束链对象存储,点击对应存储桶右侧配置按钮

棱束链桶配置

  1. 保存桶信息区域中的地域端点备用

获取棱束链地域端点

配置PicGo的S3

  1. 打开 PicGo,点击图床设置下的Amazon S3进入 Amazon S3 设置

配置PicGo的S3

配置S3的关键参数如下:

  • 应用密钥ID: 1d8b0a2985a38998d0844862c90f1a30(上述获取到的 secretId)
  • 应用密钥:4444af4e89106c47e40d55a9d54fb80658dca2541db62b088ff596ecaaedba38(上述获取到的 secretKey)
  • 桶:picgotest(上述创建的存储桶)
  • 文件路径:{year}/{month}/{md5}.{extName}(默认上传到桶的文件路径,格式如下:)
payload 描述
{year} 当前日期 - 年
{month} 当前日期 - 月
{day} 当前日期 - 日
{fullName} 完整文件名(含扩展名)
{fileName} 文件名(不含扩展名)
{extName} 扩展名(不含.
{md5} 图片 MD5 计算值
{sha1} 图片 SHA1 计算值
{sha256} 图片 SHA256 计算值
  • 权限:public-read(桶权限,公共读)
  • 地区:us-east-1(上述获取到的地域)
  • 自定义节点:s3-us-east-1.ossfiles.com(上述获取到的端点)
  1. 配置好相关参数后点击设为默认图床并点击确认即可

图片上传

  1. 打开 PicGo,点击上传区,并将图片上传插件选择为Amazon S3

设置PicGo的S3

  1. 将图片拖拽到上传区域点击上传选择文件,即可上传图片,图为上传成功提示

PicGo上传提示

  1. 查看上传图片
  • 到棱束链对应存储桶下查看

棱束链桶文件

  • 到 PicGo 相册查看

PiGo相册

Typora 中使用 PicGo

Typora 集成 PicGo 插件,可以在图像中配置上传图片存储信息

  1. 打开Typora,依次点击文件->偏好设置

Typora配置

  1. 在打开的偏好设置里点击图像,然后进行如下配置

Typora_GicGo_配置

  1. 设置完成后返回编辑页面,进行如下操作

Typora插入图片

  1. 选择好图片后会自动上传至存储桶并更新图片链接

Typora图片更新

热门文章