部署于 OSS 之上的静态博客结构

Photo by Benjamin Voros

现有的 Hexo 部署使用了两个 OSS-Bucket:1 号 OSS 接入 CDN 用作图床,统一管理图片 / 附件等大文件;2 号 OSS 接入 CDN 托管静态网站,由 hexo d 上传,两个 OSS-Bucket 均设置文件更新自动刷新 CDN

HEXO-OSS-架构

1 号 OSS

图片处理

在 Bucket 中新建图片处理样式 m ,自定义访问规则 - ,统一将图片处理为宽度 900px,质量 90%,右下角添加水印

oss处理照片

图片上传

PC 端安装 oss-browser,选择 AccessIDAccessKey 通过客户端上传,其他保持默认,oss-browser 可以管理账户下所有 bucket

OSS Browser

文章写作

Markdown 写作时,通过 oss-browser 上传图片到 bucket,获取 oss 地址粘贴,更改为 CDN 域名,添加 -m 访问经过处理的图片

MD插入图片

2 号 OSS

用于托管静态网站,设置 CDN 自动刷新。当 hexo d 之后会自动刷新 cdn 资源,不过目前处理不了首页缓存,只能手动刷新 url

CDN刷新