You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Voyager缩略图“附加字段选项”设置及博客缩略图使用疑问

Voyager Resizable 缩略图配置全指南

嘿,我来帮你把这个缩略图配置的事儿说清楚:

一、配置代码该放哪儿?

你这段JSON配置得放到Post模型对应上传字段的后台配置里,具体操作步骤很简单:

  • 登录Voyager后台,找到Posts这个数据类型(Data Type)
  • 点开它的编辑页面,找到你用来上传文章封面/缩略图的字段(比如叫image的字段)
  • 切换到Details标签页,找到Image Options这个输入框,把你那段JSON代码直接粘贴进去
  • 保存字段配置就搞定啦!

二、怎么调用生成的缩略图?

配置好之后,在你的视图模板(比如Blade文件)里,就可以通过Post模型的方法轻松调用不同尺寸的图了:

  • 调用medium尺寸(原图50%比例):{{ $post->getThumbnail('medium') }}
  • 调用small尺寸(原图25%比例):{{ $post->getThumbnail('small') }}
  • 调用固定尺寸的裁剪图(300x250):{{ $post->getThumbnail('cropped') }}
  • 如果想用你配置的默认resize规则(1000px宽,高度自适应),直接用:{{ $post->resize($post->image, 1000, null) }}

三、额外注意点

  • 你已经在Post模型里引入了Resizable trait,这步是对的,再确认下代码没问题:
use TCG\Voyager\Traits\Resizable;

class Post extends Model {
    use Resizable;
}
  • 配置里的upsize: true意思是如果原图比配置尺寸小,会自动放大匹配;要是不想让图片被放大,改成false就行
  • quality: 70%是设置图片压缩质量,数值越高画质越好,但文件体积也会更大,你可以根据需求调整

内容的提问来源于stack exchange,提问作者Matt

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.26 09:30:29