问题标签 [netlify-cms]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
598 浏览

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

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

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

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

想法?

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

谢谢,

0 投票
1 回答
846 浏览

javascript - Gatsby 和 Netlify CMS 预览错误与渲染 StaticQuery

我将 Gatsby 与 Netlify CMS 一起使用,并在 Netlify CMS 中预览模板时遇到了问题。

有一个按预期工作的索引页面组件。它从 markdown 和 frontmatter 获取数据,并与 Netlify CMS 小部件链接,并且有特色的帖子组件通过useStaticQuery钩子获取其数据。

但是,一旦我进入Netlify 管理员中的索引页面预览模板,我会得到:

我的目标是从来自 Netlify CMS 和特色博客列表组件的 markdown 和 frontmatter 数据呈现主页,该组件通过Netlify Admin 中的挂钩从/posts目录中获取其数据。useStaticQuery

复制回购可以在这里找到

0 投票
1 回答
226 浏览

javascript - Netlify CMS 自定义小部件不适用于地图?

我一直在尝试为 Netlify CMS 创建一个自定义小部件,以允许插入键值对。但是有一些事情出了问题,我认为它们可能是相关的,所以我提出了一个关于它们的问题。

这是我的第一个自定义小部件,我主要基于官方教程:https ://www.netlifycms.org/docs/custom-widgets/

我使用 aMap作为值,但是当我向地图添加一个新元素,然后调用onChange(value)回调时,似乎什么也没发生。但是,如果我将其更改为onChange(new Map(value))它确实会更新。onChange回调似乎需要一个新对象?

其次,该值似乎并没有真正被保存。当我填写其他小部件并刷新页面时,它会要求恢复以前的值。但是它不会恢复地图,而恢复其他值就好了。

最后,我得到了未捕获的异常:在我对地图进行任何更改后的一秒钟内,对象就出现了。我的猜测是 Netlify CMS 正在尝试保存地图(将其反跳一秒钟,因此它不会保存我输入的每个字母),但失败并抛出该异常。这可以解释前一个问题(非储蓄问题)。

我目前的自定义小部件的完整代码是:

我究竟做错了什么?

谢谢!

0 投票
0 回答
32 浏览

jekyll - 试图了解 Jekyll 重定向的工作原理

我最近将我的网站域从https://rakshitsoral.ga移到了https://rakshitsoral.com。我想将 .ga 域重定向到 .com 域。我尝试使用插件 Jekyll-redirect-from,但它没有按预期工作(也许,我做错了什么)。

我的 index.html 前面的 YAML 问题目前如下所示:

有人可以解释一下我在这里做错了什么。我的网站由 Netlify 托管。

0 投票
0 回答
1528 浏览

graphql - GraphQL 错误:字段“图像”不能有选择,因为类型“字符串”没有子字段

描述

我是新手,正在学习 GatsbyJs/NetlifyCM/GraphQL,所以如果我觉得我很愚蠢,我很抱歉。但是,我已经尝试解决此问题 5 天了,但我束手无策。我正在尝试将 NetlifyCMS 实现到 GatsbyJS 博客启动器中。除了图像,我似乎一切正常。Graphql 将图像 URL 查询为“img/image.jpg”,这是在 MD 文件中设置的内容,并且工作正常。但是,当我使用 NetlifyCMS 发布新帖子时,它会将 URL 设置为“/img/image.jpg”,而 graphql 似乎找不到它。前面多余的斜线会导致错误。如果我删除斜线或在斜线前面放一个点,“./img/image.jpg”它构建得很好,这让我相信相对路径可能有效?我已阅读问题 4123问题 13938,以及多个其他类似的问题和博客,但仍然无法使其正常工作。我已经尝试实现gatsby-remark-relative-imagesgatsby-plugin-netlify-cms但似乎都没有解决它。

任何帮助,将不胜感激。我是网络开发的新手,对 gatsby/graphql 非常陌生。谢谢你。

重现步骤

在 MD 文件中的图像 URL 前删除或添加 /。这是克隆/下载的回购链接https://github.com/AaronCuddeback/blog.aaroncuddeback.com

环境

文件内容:

盖茨比-config.js:

盖茨比-node.js

0 投票
1 回答
148 浏览

pelican - 将 Netlify CMS 与我的 pelican 静态网站集成的问题(错误:无法加载 config.yml)

我正在尝试将 Netlify CMS 集成到静态 Pelican 网站。由于出现以下错误,我似乎无法访问 /admin:

这是 admin/index.html 的内容(我按照这些说明进行操作)

这是我的 config.yaml 的内容

如果需要,该网站的网址是https://distracted-engelbart-20e42f.netlify.com

关于我在这里做错了什么的任何想法?

0 投票
1 回答
684 浏览

reactjs - Gatsby 图像不适用于 Netlify CMS 中的列表小部件

我对 Gatsby 和 Netlify CMS 网站有一个奇怪的问题。

我正在使用gatsby-remark-relative-images从 Netlify CMS 获取的图像与gatsby-image. 它对于直接位于 frontmatter 内部的图像小部件非常有效。但是,它不适用于列表小部件内的图像小部件。对于直接在 frontmatter 内部的图像,我可以使用 Gatsby's 查询childImageSharp。但是,列表小部件内的图像只返回一个字符串数组,这些字符串是图像的相对路径。

这是我的代码。

配置.yml

盖茨比-config.js

盖茨比-node.js

name: thumbnail但是,我可以使用 正确查询childImageSharpname: main-imagesname: extra-images返回一个字符串数组,但我无法使用 进行查询childImageSharp

我现在已经在这个问题上花费了相当长的时间。任何帮助将不胜感激。

0 投票
1 回答
43 浏览

gatsby - 上传markdown附近的图片

我有一个使用 Gatsby.js 开发的网站。我已经集成了 Netlify CMS。我想将图像和其他文件上传到将放置 Markdown 的同一文件夹中,即{{year}}-{{month}}-{{day}}_{{slug}}/.

真的要这么做吗?

0 投票
1 回答
439 浏览

gatsby - Gatsby.js - 导出 sanity.io 数据(可能在 markdown 文件中导出 netlify-cms)

目标

我想将页面数据从旧站点迁移(也许转换)到新站点。

大纲

  • 我将为客户在现有的 Gatsby 网站上进行品牌重塑。
  • 客户向我提供了 Sanity-Studio 和 Gatsby 的源文件
  • 我能够在本地构建 Sanity-Studio 和 Gatsby 站点

问题

  • 据我了解,实际数据仍然托管在之前开发人员的 sanity.io 帐户上。
  • 我无法访问这些数据,甚至在本地也无法访问。
  • 如果不使用原始帐户登录,我无法将新帐户添加到本地 sanity-studio。
  • 我更喜欢自动执行此操作,因为总共大约有 100 页。

问题

第1部分

  • 有没有办法接收/访问这些数据并能够将其迁移(或导出/导入)到我的新(不同)Gatsby 站点?

第2部分

  • 我打算将 Sanity.io 排除在外并使用 Gatsby.js + Netlify-CMS -> 我可以将所有数据从 Sanity.io 转换为 Markdown 文件,以便我可以将它与 Netlify-CMS 一起使用吗?
0 投票
1 回答
537 浏览

yaml - 如何转换包含 Markdown 的 YAML 以在 Gatsby 中显示

我正在为使用 GasbyJS 和 NetlifyCMS 内容的朋友开发一个商业网站。我在确定如何使用 CMS 来维护不像博客文章那样结构化的 Markdown 格式信息时遇到了一些问题,因为那里的许多教程都是从那里工作的。

我的 Netlify CMS 配置如下:

从而产生一个 YML 文件C:/path/to/my/site/content/home.yml

这一切看起来相当简单,而且我认为是合乎逻辑的——该站点将有一个包含四个内容部分的主页,我希望站点所有者能够使用格式化的内容修改每个部分。

我想不通的是,一旦它通过gatsby-source-filesystem. 有一个gatsby-transform-yaml包,但它不会将 YML 字段值中的任何 Markdown 转换为 HTML,虽然我找到了一些通过添加 Markdown 支持来扩展它的包,但它们都需要任何 Markdown 值的某种前缀(即home-acting-text: md//I **am an actor.**) 为了确定应该解析哪些,我想不出任何方法让 Netlify CMS 注入它。

似乎我可能不得不做一些自定义逻辑,gatsby-node.js但我有点迷失从哪里开始——这似乎是一个足够常见的用例,我想知道我是否遗漏了一些东西。

任何指导将不胜感激!:)