如何为Netlify CMS正确设置cloudinary?

时间:2019-11-06 13:19:43

标签: gatsby cloudinary netlify-cms

我正在尝试使用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 个答案:

答案 0 :(得分: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重定向,但我看不到如何将图像选择返回到窗口小部件中。

希望这会有所帮助。