使用阿里云 OSS 作为图床，可以方便地管理和分享博客图片。

一、开通 OSS 服务

  1. 登录阿里云控制台
  2. 开通对象存储 OSS 服务
  3. 创建 Bucket（存储桶）

二、创建 Bucket

配置项 推荐值
Bucket 名称 自定义（全局唯一）
地域 选择就近区域
存储类型 标准存储
读写权限 公共读（重要！）

三、上传图片

方法 1：控制台上传

直接在 OSS 控制台拖拽上传。

方法 2：使用 PicGo

推荐使用 PicGo 工具，支持截图即传：

  1. 下载安装 PicGo
  2. 配置阿里云 OSS
  3. 设置快捷键上传

四、获取图片 URL

上传后的图片 URL 格式：

1
https://[bucket名称].oss-cn-[地域].aliyuncs.com/[文件路径]

例如：

1
https://sky-kairos.oss-cn-beijing.aliyuncs.com/blog/avatar.png

五、在博客中使用

配置主题图片

在 _config.butterfly.yml 中配置：

1
2
3
4
favicon: https://你的OSS地址/favicon.png
avatar:
  img: https://你的OSS地址/avatar.png
index_img: https://你的OSS地址/banner.jpg

文章中插入图片

1
![图片描述](https://你的OSS地址/image.jpg)

六、注意事项

  1. 权限设置：必须将 Bucket 设为”公共读”
  2. 图片压缩：上传前压缩可以节省费用
  3. 目录规划：建议按用途分类存放

推荐的目录结构

1
2
3
4
5
6
blog/
├── favicon/
├── avatar/
├── banners/
├── covers/
└── posts/