0

我正在尝试向我的网站添加动态图像缩放,因为我已经发布了很多大图像并且它开始加载非常缓慢。

我的网站是基于 nuxt 和 nuxt-content 的,代码可以在github上的一个分支中找到这个特性。该站点是静态部署的。

似乎进行这种动态图像缩放的共识包是Pivale 图像加载器模块。我对其他简单实施的解决方案持开放态度。

我已将自述文件的设置部分中建议的代码添加到我的nuxt.config.js中,创建了一个新的 vue 组件VImgNew,它调用<nuxt-img>. 一个测试帖子比较新旧组件。

问题是 pivale 图像加载器似乎没有在 /static 中创建 image-styles 文件夹,并且绝对没有用较小的图像填充它。在开发模式下运行时,v-img-new组件在渲染页面中不显示任何图像,并且开发控制台指示尝试加载缩略图的正确路径时出现 404 错误。

GM 已正确安装在我的系统上,使用 GM 的小型测试程序确实可以正常工作,就像gm从命令行调用一样。

我不知道如何进一步调试或深入了解问题所在。我的控制台没有显示任何错误或警告供我遵循。

看起来有两个未解决或未解决的类似性质的未解决问题( 3334 )。

任何指导或建议将不胜感激!

4

0 回答 0