为什么我的baguetteBox轮播组件无法显示谷歌云盘存储的图片？

问题原因 #

baguetteBox 默认内置的资源过滤器只会识别后缀为常见图片格式（jpg、png、gif、webp等）的链接，你使用的谷歌云盘直链（lh3.googleusercontent.com域名）没有携带图片后缀，被过滤器判定为非图片资源，因此轮播功能不会触发，也无法加载图片。

解决方案 #

1. 自定义baguetteBox初始化规则 #

初始化轮播库的时候新增filter配置项，把谷歌云盘的域名加入匹配规则：

baguetteBox.run('.gallery', {
  // 匹配规则同时覆盖常规图片后缀、谷歌云盘lh3域名的图片直链
  filter: /\.(gif|png|jpe?g|webp)$|^https:\/\/lh3\.googleusercontent\.com\//i
});

2. 确认图片访问权限 #

确保你的谷歌云盘图片已经设置为公开可访问，权限选择「任何拥有链接的用户均可查看」，否则链接会返回403错误导致无法加载。

内容的提问来源于stack exchange，提问作者CarlosDnl