如何在 Apostrophe CMS 中添加自定义图像大小？答案

【问题标题】：How do you add a custom image size in Apostrophe CMS?如何在 Apostrophe CMS 中添加自定义图像大小？
【发布时间】：2019-05-26 14:48:44
【问题描述】：

我在文档 (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
   }
  ]
}

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

有什么想法吗？

【问题讨论】：

【解决方案1】：

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

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

所以，写：

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

省略extend。

【讨论】：

【解决方案2】：

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

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

关于imageSizes与addImageSizes的用法：在撇号-附件模块的cmets中，它指出：

类似于addImageSizes，但 Apostrophe 的标准尺寸完全是更换。请记住 // Apostrophe 使用某些尺寸编辑界面，除非被覆盖。我们推荐 // 使用 addImageSizes.

因此，您可以使用imageSizes，替换开箱即用的图像尺寸，请记住这一点。

【讨论】：