【Blog|Hexo】（二）如何配置主题Butterfly？
本篇概要：butterfly简单配置、基于阿里云对象存储oss的图片服务
1.先配置 Butterfly 主题
这一部分主要是把主题先调到一个能正常使用、也方便后续继续改的状态。
具体配置我当时是按下面这些图一步步改的：
每张图左侧是配置，右侧是对应的页面效果；图片可以点击放大查看。旧截图展示的是迁移前的 Butterfly 站点，并非本页当前使用的 TiO2 界面。
首页横幅、背景和封面分别对应配置中的不同字段。
首页副标题：开关、播放速度和文案都在 subtitle 中设置。
导航与社交入口：先配好站内路径，再核对图标对应的外部链接。
浏览器标签页的图标和侧栏头像分别由 favicon 与 avatar.img 控制。
站点基础信息：标题、作者、简介来自 Hexo 的 _config.yml。
本地预览：保存配置后，检查浏览器标题与首页显示是否符合预期。
页脚背景：图中的 footer_img 对应页面最下方的背景条。
侧栏模块：作者卡片按钮与公告可以分别配置。
2.用 OSS 托管图片资源
完成主题基础配置以后，页面样子已经差不多能看了，但还有一个很现实的问题：
如果图片全放本地，后面一多，读取和管理都会比较麻烦。
所以我后面直接把图片托管到了阿里云 OSS。
我这里用的是阿里云对象存储 OSS：
https://oss.console.aliyun.com/
下面这部分，就是我自己实际在用的一套配置流程。
然后选择 对象存储 OSS - 立刻购买（¥0.00）。
创建完成以后，就有了自己的 bucket。
如果想让图片 URL 可以稳定访问，需要把权限和访问策略配置好。
具体配置参考下面这些图：
接着进入你创建好的 bucket，上传文件。
上传完成后，回到 bucket 列表再重新点进去，就能看到你刚才传上去的图片。
在 Markdown 里使用时，格式就是：
这样写完以后，页面里就能正常显示远程图片。
收尾
这一篇更多是在解决“主题怎么配”和“图片怎么管”这两个比较实际的问题。
对我来说，把图片资源单独放到 OSS 之后，后面写文章会轻松很多，至少不用每次都担心本地资源和引用路径的问题。
如果后面我继续折腾博客样式或者内容管理，也会再慢慢补记录。