如何让 Cloudcannon 图像输入与 Hugo 图像处理一起使用？答案

【问题标题】：How do I get Cloudcannon image inputs to work with Hugo image processing?如何让 Cloudcannon 图像输入与 Hugo 图像处理一起使用？
【发布时间】：2022-10-01 14:48:31
【问题描述】：

我正在尝试将 Cloudcannon 用作基于 Hugo 的网站的 CMS。对于我的一些内容类型，我使用了 Hugo 的图像处理，这意味着我将那些需要处理的图像存储在assets/ 下而不是static/ 下。

Cloudcannon 允许使用自定义上传目录配置图像输入，对于每种内容类型，我需要转到 assets/images/ 的正确子目录。效果很好——图像被上传到正确的位置。问题是图像的 frontmatter 路径包含目录路径的assets/ 部分，这对 Hugo 不起作用。

我的配置如下，允许上传不同内容类型的图片放在assets/images/的不同子目录下。

collections_config:
  news:
    schemas:
      default:
        path: schemas/news.md
        name: News post
    path: content/english/news
    _inputs:
      image:
        type: image
        options:
          uploads_dir: assets/images/news
  clients:
    schemas:
      default:
        path: schemas/client.md
        name: Client listing
    path: content/english/clients
    _inputs:
      image:
        type: image
        options:
          uploads_dir: assets/images/clients

有什么办法可以设置字体输出路径排除assets/？也许我还没有找到与uploads_dir 不同的选项？

非常感谢帮助！

标签： hugo cloudcannon

【解决方案1】：

您可以在此处设置静态路径。上传新文件时使用静态路径，但不保存为前端字段路径的一部分。它是全局设置的，默认为您的 Hugo --staticDir 命令行选项（默认为 static）。

以下是您为代码示例设置它的方式：

创建或添加到/cloudcannon.config.yml：

paths:
  uploads: assets/images/[collection]
  static: assets

在此处新闻集中的输入上上传名为cat.png 的新文件将发送至：/assets/images/news/cat.png。前文中保存的值为/images/news/cat.png。

我还在此处使用[collection] 占位符设置了一个全局uploads 路径，它的结果与您的uploads_dir 选项相同 - 您不必多次设置它。

【讨论】：