使用 veImageX 为 Flarum 论坛升级图片品质

使用了许久的 Flarum 一直想找一个相对来说比较好用的图床插件,也尝试使用过许多款不同的 Flarum 图像上传插件都不太满意。在 2016 年前后有一款比较可靠的插件也在 2018 年前后停止了更新。
经过调研,最近找到了字节跳动旗下的火山引擎 veImageX 集成插件,体验了几天,效果尚满意,也分享给大家。当然,根据官网介绍 ImageX 不仅支持图像处理还支持文件分发与托管等同于图床加静床的组合。
开通服务

  • 访问火山引擎官网 https://www.volcengine.com/pr... 注册并登录账号
  • 实名认证 https://console.volcengine.co...
  • 进入火山引擎控制台 https://console.volcengine.co...
安装与配置
  1. 给 Flarum 安装火山引擎 veImageX 插件 https://discuss.flarum.org.cn...
    composer require ExerciseBook/fof-upload-imagex

    使用指令安装插件
  2. 打开 Flarum 控制台开启插件
    使用 veImageX 为 Flarum 论坛升级图片品质
    文章图片

    开启 FoF UploadFoF Upload ImageX 插件。
  3. 填写 FoF Upload ImageX 插件的配置
    1. 登录基本信息
      Access Key 和 Secret Key 是你的火山引擎账户的登录信息
      使用 veImageX 为 Flarum 论坛升级图片品质
      文章图片

    2. 服务基本信息
      先在火山引擎控制台中申请一个图像处理服务,然后将该服务的基本信息填入插件配置
      使用 veImageX 为 Flarum 论坛升级图片品质
      文章图片

    3. 填写图像处理模板
      【使用 veImageX 为 Flarum 论坛升级图片品质】我个人习惯预览图使用一个等比缩放到宽度为 640px 的模板作为小图处理模板,而大图处理模板留空。这种配置可以使得帖子的浏览图使用的是一个较小的尺寸,而点开大图显示的时候使用的是完整尺寸,比较人性化。
      图像处理的模板,是 ImageX 提供的图像处理概念,可以在火山引擎 ImageX “图像处理配置”中进行配置,形如“tplv~xxxx.webp”
      使用 veImageX 为 Flarum 论坛升级图片品质
      文章图片



  1. 配置完成火山引擎集成插件之后,我们来配置 fof/upload
    fof/upload 插件中的图像上传方式和加载方式均选择 ImageX 后保存。
    使用 veImageX 为 Flarum 论坛升级图片品质
    文章图片

效果 在使用 ImageX 集成插件之前,图像的加载都是经过网站服务器来分发。由于无论是预览图还是大图都是加载原图,这种情况可能会对服务器的存储和带宽都造成一定的压力。
使用 veImageX 为 Flarum 论坛升级图片品质
文章图片

使用 veImageX 为 Flarum 论坛升级图片品质
文章图片

可以见得,在图片预览只有大约 400px 时,用户加载到的图片依然是完整的大图。




使用 ImageX 集成插件之后,图像的处理和分发都由火山引擎提供的服务来实现。
使用 veImageX 为 Flarum 论坛升级图片品质
文章图片

使用 veImageX 为 Flarum 论坛升级图片品质
文章图片

在点开大图前,用户看到的图片是使用了上文配置的小图处理模板处理后的图片。相对来说尺寸较小。
使用 veImageX 为 Flarum 论坛升级图片品质
文章图片

而点开大图浏览后,用户看到的图片是使用了上文配置的大图处理模板处理后的图片。由于本文的配置中大图处理模板是留空的,因此用户此时得到的是原图。


扩展配置 我们在 veImageX 集成插件的配置中可以发现有一个 文件鉴权密钥 的配置项。该配置主要用来做防盗链。
使用 veImageX 为 Flarum 论坛升级图片品质
文章图片

在火山引擎 veImageX 控制台中的域名配置里可以配置 URL 鉴权。
将鉴权模式选择 C 后,填入一个密钥。
可以使用 1Password 的随机密码生成器来生成一个密钥,推荐长度大于 64 https://1password.com/zh-cn/p...
使用 veImageX 为 Flarum 论坛升级图片品质
文章图片

将密钥填写好后点击确定。


把刚刚在火山引擎控制台里设置的鉴权密钥填写到集成插件的鉴权密钥中,防盗链功能即可生效。
使用 veImageX 为 Flarum 论坛升级图片品质
文章图片

可见 ImageX 集成插件管理的图片的加载地址均被添加上了鉴权参数。
使用 veImageX 为 Flarum 论坛升级图片品质
文章图片



非常的好用~
文章为原创文章,若有侵权请联系;

    推荐阅读