返回

PicGo + 阿里云:搭建高效的博客图床,一劳永逸解决图片托管

前端

作为一名技术博主,图片是文章中必不可少的元素,它能帮助读者更直观地理解内容。然而,图片的托管却是一件让人头疼的事,尤其是对于个人博客来说,如何选择一个稳定、可靠且经济实惠的图床平台成为了一大难题。

在这个问题上,阿里云对象存储服务(OSS)脱颖而出。OSS 提供了低成本、高可靠的存储解决方案,非常适合存储图片等静态文件。而 PicGo 是一款功能强大的开源图床上传工具,与阿里云 OSS 完美适配。

接下来,我将手把手带你使用 VSCode、PicGo 和阿里云,配置一套高效的个人博客图床,让你在撰写文章时再无图片托管的后顾之忧。

  1. 创建 OSS Bucket

    前往阿里云 OSS 控制台,点击「创建 Bucket」按钮。在弹出的窗口中,填写 Bucket 名称、地域和存储类型(标准存储即可)。

  2. 获取 AccessKey 和 SecretKey

    在 OSS 控制台中,点击「Access Key Management」,选择「创建 AccessKey」。获取到的 AccessKey ID 和 AccessKey Secret 就是我们后面配置 PicGo 所需的凭证。

  3. 设置 Bucket 权限

    为了允许 PicGo 访问 Bucket,我们需要授予它读写权限。在 Bucket 的「权限管理」中,添加一条「RAM 用户策略」,将前面获取的 AccessKey 填入「用户名」中,并授予「oss:PutObject」和「oss:GetObject」权限。

  4. 安装 VSCode 插件

    在 VSCode 插件市场中搜索「PicGo」,找到并安装官方插件。

  5. 安装 PicGo 桌面端

    前往 PicGo 官网,下载并安装与你的系统相对应的版本。

  6. 添加阿里云 OSS 账户

    打开 PicGo 桌面端,在「图床」选项卡中,点击「添加图床」,选择「阿里云 OSS」。在弹出的窗口中,填写前面获取到的 AccessKey ID、AccessKey Secret 和 Bucket 名称。

  7. 设置上传路径

    在「上传路径」中,可以自定义图片上传到 Bucket 中的路径,比如「images/{year}/{month}/{day}」。

  8. 保存配置

    点击「保存」,完成阿里云 OSS 图床的配置。

  9. 上传单张图片

    在 VSCode 中,选中要上传的图片,按快捷键 Alt + U(Windows)或 Option + U(macOS),即可快速上传至阿里云 OSS。

  10. 批量上传图片

    选中多张图片,按快捷键 Alt + Shift + U(Windows)或 Option + Shift + U(macOS),可批量上传至阿里云 OSS。

上传完成后,PicGo 会自动生成图片的 Markdown 引用地址。你可以直接将此地址粘贴到文章中,即可显示图片。

通过使用 VSCode、PicGo 和阿里云,我们可以搭建一套高效且经济的个人博客图床。PicGo 强大的上传功能,结合阿里云 OSS 的低成本存储,可以满足我们日常博客写作的图片托管需求。从现在开始,再也不用担心图片托管的问题,尽情发挥你的写作才华吧!