如何在Apostrophe CMS中添加自定义图像尺寸？

Question

我在文档（https://docs.apostrophecms.org/apostrophe/modules/apostrophe-attachments#options中找到了此页面，但是它并没有真正说明您实际使用addImageSizes的方式和位置。

我尝试在模块中创建apostrophe-attachments文件夹，添加index.js文件，然后执行此操作...

module.exports = {
  extend: "apostrophe-module",
  imageSizes: [
    {
      name: 'tiny',
      width: 100,
      height: 100
   }
  ]
}

但这给我一个错误，无法读取中间件的属性。

有什么想法吗？

Answer 1

在通过一些新的配置或项目级方法改进核心模块时，请勿使用extend。

像这样使用extend会破坏它的配置和原始模块之间的链接，从而创建一个完全不知道如何提供附件的全新模块。

所以，只需写：

module.exports = {
  addImageSizes: [
    {
      name: 'tiny',
      width: 100,
      height: 100
   }
  ]
}

省略extend。

Answer 2

添加到汤姆的答案中，您还可以通过将其放入app.js中，为使用系统中撇号附件小部件的所有模块全局设置新的图像大小。只需将其添加到您的小部件声明下即可。

'apostrophe-attachments': {
      addImageSizes: [{
        name: 'tiny',
        width: 100,
        height: 100
      }]
    },

关于imageSizes与addImageSizes的用法：在撇号附件模块的注释中指出：

  

类似于addImageSizes，但Apostrophe的标准尺寸完全   更换。请记住//撇号的使用了某些尺寸   编辑界面，除非已覆盖。我们建议//   addImageSizes。

因此，您可以使用imageSizes来替换现成的图像尺寸，只需记住这一点即可。