如何为 Netlify CMS 正确设置 cloudinary？

Posted 2023-03-25

【中文标题】如何为 Netlify CMS 正确设置 cloudinary？

【英文标题】：How do I set up correctly cloudinary for Netlify CMS?

【发布时间】：2020-03-02 23:53:52

【问题描述】：

我正在尝试使用 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"

谢谢，

M

【参考方案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 重定向，但我看不到您如何将图像选择返回到小部件中。

希望这会有所帮助。

【参考方案2】：

尝试将其添加到配置中

- 
      label: Media,
      name: media,
      widget: image,
      allow_multiple: true,
      media_library:  name: cloudinary, output_filename_only: true ,