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模型里引入了
Resizabletrait,这步是对的,再确认下代码没问题:
use TCG\Voyager\Traits\Resizable; class Post extends Model { use Resizable; }
- 配置里的
upsize: true意思是如果原图比配置尺寸小,会自动放大匹配;要是不想让图片被放大,改成false就行 quality: 70%是设置图片压缩质量,数值越高画质越好,但文件体积也会更大,你可以根据需求调整
内容的提问来源于stack exchange,提问作者Matt
相关产品推荐
相关产品推荐

