图床搭建

写博客文章时常常需要添加图片,就会遇到一个问题:文章中的图片存到哪里?再三琢磨下,决定使用图床来完成图片的存放和使用。

什么是图床呢?从百科上面摘录一段:

图床一般是指储存图片的服务器,有国内和国外之分。国外的图床由于有空间距离open in new window等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间open in new window和cdn加速三种。

图床有很多种,感兴趣的可以详细去了解!!!

由于我们写博客文章后面都是使用 markdown 格式,使用 Typora 编辑器。在搭建了图床后,使用新版本 Typora 和 PicGo 软件可以实现图片自动上传,非常方便写文章时的图片添加和存储。

本文主要从4个部分来介绍:

  1. PicGo 安装与配置

  2. 图床搭建

  3. Typora 配置 PicGo

  4. 可能遇到的问题

1. PicGo 安装与配置

PicGo 是一个用于快速上传图片并获得图片链接URL的工具,选择合适的版本下载并安装,可访问其官方文档进一步了解它的功能和用法。我下载的是64位的最新安装包,注意不要安装在C盘。

PicGo 下载地址:https://github.com/Molunerfinn/PicGo/releasesopen in new window

使用指南:https://picgo.github.io/PicGo-Doc/zh/guide/open in new window

PicGo截图

PicGo 安装后需要进一步配置,本文简要介绍 PicGo 的两种配置,详细的可以参考使用指南。

自定义快捷键:

在Windows中,快捷上传的快捷键是 Ctrl+Shift+P,点击 PicoGo 左侧栏的 PicGo 设置和修改快捷键设置,可以按自己喜好修改快捷键。此外,PicGo 有快速截图并上传的功能,在插件设置中搜索 quick-capture,然后进行安装,默认的快捷键是Ctrl+Shift+0,也可以进行修改。

上传前重命名:

如果你想在图片上传前能够有机会改动你的图片名,我们可以在PicGo中打开上传前重命名开关,这样之后在上传的时候就会弹出一个小窗口让你重命名文件。如果你不想重命名,点击确定、取消或者直接关闭这个窗口都是可以的。如果你想要重命名就在输入框里输入想要更改的名字,然后点击确定即可。

2. 图床搭建

PicGo 支持的图床很多,如七牛图床、腾讯云 COS、阿里云 OSS、Github 图床、Gitee 图床等等,本文介绍的是使用阿里云OSS来搭建图床。

2.1 为什么用阿里云OSS呢?

其实之前我使用的是gitee搭建的免费图床,但是后面gitee官方加入了防盗链,导致无法再读取到放在gitee上面的图片,于是后面选择了阿里云OSS存储。阿里云有以下优点:专业,快速,存储空间便宜,一年9块钱40G。但是下行流量需要另外收费(PS:一年40个G应该足够个人使用了)。

2.2 阿里云oss购买及设置

点击产品,存储,对象存储OSS。

image-20240521174151894

点击后选择“立即购买”

image-20240521174324737

按下图选择,我选的为一年,到期自动续费。

image-20240521174537312

点击“立即购买”。

image-20240521174755031

点击“去支付”后支付完成。

image-20240521175107421

点击“管理控制台”后跳出下面页面:

image-20240521175154745

点击“立即开通”后开通OSS。开通后找到Buket进行创建

image-20240522093249884

输入Bucket名称,选择离自己最近的地域,【记住名称和所选地域后面使用】读写权限一定要写公共读 !!!这是重点!!!选好之后点击完成创建。

image-20240522094311379

创建成功后,以下是成功显示页面:

image-20240522094631249

创建成功后,再点击头像,选择AccessKey管理。选择使用子用户使用AccessKey(为了安全)

image-20240522095059182

创建子用户AccessKey:创建完成后记录自己的AccessKey

image-20240522095421455

给用户添加权限:

image-20240522095906234

到这里我们就完成了阿里云OSS上的配置:

image-20240522100019459

2.3 PicGo配置阿里云OSS图床

打开PicGo软件,点击图床设置中的阿里云,主要设置前四个框

  • 设定keyld: 创建Bucket步骤时,保存的AccessKey ID

  • 设定KeySecret: 创建Bucket步骤时,保存的AccessKey Secret

  • 设定存储空间名: 就是Bucket的创建时候的名称

  • 确认存储区域: 进入对应的Bucket选择概览即可找到

image-20240621100034283

设置完成后,再设置为默认图床,之后即可将图片上传到阿里云OSS存储。

完成上述操作后,就可以使用 PicGo 来上传图片到阿里云OSS,并生成图片访问链接了。我平时是使用 Typora 这个 Markdown 编辑器来写博客文章,之前插入图片是使用 PicGo上传到图床,然后将地址粘贴到 Typora 中。目前新版本的Typora已支持 PicGo 服务,可以通过设置Typora实现快速插入图片。

3. Typora 配置 PicGo

Typora 图像配置:

依次打开 Typora 的文件->偏好设置->图像,进行配置:

image-20240313001117998

然后,点击验证图片上传选项验证配置是否正确:

image-20240313004102270

到这里,我们已经成功将 Typora+PicGo+阿里云OSS图床 配置好了,可以愉快的文章写作啦!将图片复制到 Typora 中,点击上传图片,即可将图片上传到 阿里云OSS图床仓库中。

上传前先在本地保存一份,然后再上传到阿里云OSS,这样可以防止不可预知事件,自己手里始终有一份备份,出现事故时自身可控。


参考:

搭建一个免费图床!彻底解决博客文章中图片存储问题!open in new window

Typora+阿里云oss搭建图床_typroa图床-CSDN博客open in new window

最近一次更新 3/20/2025, 7:54:12 AM