gatsby - 如何为 Netlify CMS 正确设置 cloudinary？

Question

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

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

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

想法？

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

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"

谢谢，

中号

Answer 1

我也曾为此苦苦挣扎，我想知道您是否也更新了 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 重定向，但我看不出如何将图像选择返回到小部件中。

希望这对您有所帮助。