搭建图床在 VRChat 展示图片

使用PicList和缤纷云的S3存储服务,轻松搭建一个图床服务在 VRChat 展示图片。

简介

在 VRChat 游戏中,有时需要使用图床服务来分享和展示图片,本文将介绍如何使用PicList结合缤纷云的S3存储服务,来搭建一个有本地相册且免费额度充足的图床服务。

相册示例: PicList 相册

优点

  • 免费额度:缤纷云的免费额度(S3储存 50G,月流量10G)足够应对个人的图片存储和展示需要。
  • PicList的相册功能:PicList不仅能管理图片,还提供便捷的相册功能,方便将图片链接直接粘贴到VRChat的图片板中。通过相册也可以很方便的拿到以前上传过的图片链接。

缺点

  • 实名认证要求:要获取缤纷云的免费额度,必须通过实名认证。如果超量使用且未及时缴费,可能导致内容被删除,这一点需特别注意。

图床配置

首先,访问缤纷云官方网站 bitiful.com 注册账号并完成实名认证,之后创建一个存储桶。这里以“vrchat-example”作为桶名(请注意,这个名字类似用户名,需要创建自己的桶名)。 create_bucket

接下来,我们需要创建子账户获取访问密钥,并设定好访问权限 create_user get_key set_role 在添加子账户时会生成AccessKey和SecretKey。这些密钥将在后续步骤中用来配置PicList的上传功能,需要保存密钥。

config

ruJeztBsck9b4DYuOhlvzVNb
ANGYVHBfevwUlFQrttRqX08TrITKT3c

为了使用缤纷云提供的图片自动压缩裁剪功能,我们需要在PicList中通过插件形式设置S3上传功能。

PicList 支持通过 内置AWS S3或是 PicoGo 的 S3 插件 picgo-plugin-s3。来实现与S3的对接。在本例中,我们选择安装 picgo-plugin-s3 插件,这样可以使用缤纷云提供的图片处理功能。

  1. 先搜索并安装 S3 插件:install_plugin
  2. 添加 S3 配置:create_s3_config
  3. 添加配置信息,并点击确定保存:config_s3
  • 配置名:可以随意命名,便于区分。
  • 密钥ID:填入之前获取的AccessKey。
  • 密钥:填入之前获取的SecretKey。
  • 桶名:输入创建的桶名,例如“vrchat-example”。
  • 文件路径:建议使用 {year}/{month}/{md5}.{extName} 的格式,方便管理和查找。
  • 地区和自定义节点信息: 可以在缤纷云控制台的桶信息页面获取。

完成配置后,返回PicList主页,选择刚刚添加的配置,并上传文件进行测试。PicList会自动将图片链接保存到剪切板,方便粘贴。

自动调整图片大小

VRChat Udon 对图片的加载尺寸有严格限制,最大支持2048 × 2048 像素。为确保上传的图片能够在VRChat世界中正确显示,我们可以利用缤纷云的媒体处理功能自动裁剪图片大小。

在缤纷云控制台中打开刚刚创建的存储桶,进入媒体处理页面,添加一个名为 vrc 的Style规则。设置完成后,上传的图片在链接尾部增加 !style:vrc 即可自动缩放至合适尺寸。或者不去添加规则,直接使用 ?w=2048&h=2048&mode=clip 来直接缩放也是可以的 create_style_rule

修改 PicList 图床配置,添加自定义后缀 !style:vrc ,然后点击确定进行保存 edit_config add_rule 之后可以尝试上传 4K 大小的图片并在浏览器访问检查是否缩放到合适比例 ,之后便可以在游戏中使用。

后记

之前我一直使用本博客在使用的 CloudFlare R2 图床来在 VRChat 中传图片,但近期经常遇到部分好友加载不出图片的问题,于是就想试一试国内的 OSS 来传图片,由于看到广告发现 bitiful 的网页好看就尝试使用了一下。缤纷云称自己的 S3 储存为 S4,上面用到的图片处理功能应该就属于多加的这个 Smart 。