3

我正在尝试使用 Netlify.cms 为我的 Gatsby.js 博客设置 Cloudinary

我想要的是能够在 CMS 中有一个小部件，它允许我选择多个图像以添加到“图库”字段中，并环顾 Cloudinary 或 Uploadcare 是我正在寻找的解决方案。

我在配置上遵循了 netlify cms 的文档，但是，当我尝试打开小部件时，它仍然会从 Netlify CMS 打开默认小部件，它只允许我选择一个图像......

想法？

这是我的 config.yml，它显然具有正确的 api 密钥和云名称

media_library:
  name: cloudinary
  config:
    cloud_name: "mycloudname"
    api_key: "myapikey"

collections:
  - name: "projects"
    label: "Projects"
    folder: "content/projects"
    create: true
    editor:
     preview: false
    fields:
      - { label: "Title", name: "title", widget: "string" }
      - { label: "Date", name: "date", widget: "date", format: 'YYYY-MM-DD'}
      - { label: "Category", name: "category", widget: "select", multiple: true, options: ["Performance", "Design", "Theatre Making"], default: ["Performance"] }
      - { label: "Text", name: "text", widget: "markdown" }
      - { label: "Main Picture", name: "main_picture", widget: "image", allow_multiple: false }
      - label: "Gallery" 
        name: "gallery"
        widget: "image"
        media_library:
          name: "cloudinary"

谢谢，

米

4

2 回答 2

0

尝试将此添加到配置中

- {
      label: Media,
      name: media,
      widget: image,
      allow_multiple: true,
      media_library: { name: cloudinary, output_filename_only: true },
    }
于 2021-10-21T13:19:59.903 回答
0

我也在为此苦苦挣扎，我想知道您是否也更新了 CMS.js 和 package.json 文件。

我将此添加到 package.json：

"netlify-cms-media-library-cloudinary": "^1.3.2",

这对 cms.js (src/cms/cms.js)：

import cloudinary from 'netlify-cms-media-library-cloudinary';
CMS.registerMediaLibrary(cloudinary)

然后，当我点击媒体时，我至少被重定向到 Cloudinary。我不确定界面应该是什么样子。例如，当使用图像小部件时，它确实会弹出 Cloudinary 重定向，但我看不到您如何将图像选择返回到小部件中。

希望这可以帮助。

于 2020-04-17T14:26:53.117 回答