问题标签 [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.
gatsby - 如何为 Netlify CMS 正确设置 cloudinary?
我正在尝试使用 Netlify.cms 为我的 Gatsby.js 博客设置 Cloudinary
我想要的是能够在 CMS 中有一个小部件,它允许我选择多个图像以添加到“图库”字段中,并环顾 Cloudinary 或 Uploadcare 是我正在寻找的解决方案。
我在配置上遵循了 netlify cms 的文档,但是,当我尝试打开小部件时,它仍然会从 Netlify CMS 打开默认小部件,它只允许我选择一个图像......
想法?
这是我的 config.yml,它显然具有正确的 api 密钥和云名称
谢谢,
米
javascript - Gatsby 和 Netlify CMS 预览错误与渲染 StaticQuery
我将 Gatsby 与 Netlify CMS 一起使用,并在 Netlify CMS 中预览模板时遇到了问题。
有一个按预期工作的索引页面组件。它从 markdown 和 frontmatter 获取数据,并与 Netlify CMS 小部件链接,并且有特色的帖子组件通过useStaticQuery
钩子获取其数据。
但是,一旦我进入Netlify 管理员中的索引页面预览模板,我会得到:
我的目标是从来自 Netlify CMS 和特色博客列表组件的 markdown 和 frontmatter 数据呈现主页,该组件通过Netlify Admin 中的挂钩从/posts
目录中获取其数据。useStaticQuery
复制回购可以在这里找到
javascript - Netlify CMS 自定义小部件不适用于地图?
我一直在尝试为 Netlify CMS 创建一个自定义小部件,以允许插入键值对。但是有一些事情出了问题,我认为它们可能是相关的,所以我提出了一个关于它们的问题。
这是我的第一个自定义小部件,我主要基于官方教程:https ://www.netlifycms.org/docs/custom-widgets/
我使用 aMap
作为值,但是当我向地图添加一个新元素,然后调用onChange(value)
回调时,似乎什么也没发生。但是,如果我将其更改为onChange(new Map(value))
它确实会更新。onChange
回调似乎需要一个新对象?
其次,该值似乎并没有真正被保存。当我填写其他小部件并刷新页面时,它会要求恢复以前的值。但是它不会恢复地图,而恢复其他值就好了。
最后,我得到了未捕获的异常:在我对地图进行任何更改后的一秒钟内,对象就出现了。我的猜测是 Netlify CMS 正在尝试保存地图(将其反跳一秒钟,因此它不会保存我输入的每个字母),但失败并抛出该异常。这可以解释前一个问题(非储蓄问题)。
我目前的自定义小部件的完整代码是:
我究竟做错了什么?
谢谢!
jekyll - 试图了解 Jekyll 重定向的工作原理
我最近将我的网站域从https://rakshitsoral.ga移到了https://rakshitsoral.com。我想将 .ga 域重定向到 .com 域。我尝试使用插件 Jekyll-redirect-from,但它没有按预期工作(也许,我做错了什么)。
我的 index.html 前面的 YAML 问题目前如下所示:
有人可以解释一下我在这里做错了什么。我的网站由 Netlify 托管。
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-images和gatsby-plugin-netlify-cms但似乎都没有解决它。
任何帮助,将不胜感激。我是网络开发的新手,对 gatsby/graphql 非常陌生。谢谢你。
重现步骤
在 MD 文件中的图像 URL 前删除或添加 /。这是克隆/下载的回购链接https://github.com/AaronCuddeback/blog.aaroncuddeback.com
环境
文件内容:
盖茨比-config.js:
盖茨比-node.js
pelican - 将 Netlify CMS 与我的 pelican 静态网站集成的问题(错误:无法加载 config.yml)
我正在尝试将 Netlify CMS 集成到静态 Pelican 网站。由于出现以下错误,我似乎无法访问 /admin:
这是 admin/index.html 的内容(我按照这些说明进行操作)
这是我的 config.yaml 的内容
如果需要,该网站的网址是https://distracted-engelbart-20e42f.netlify.com
关于我在这里做错了什么的任何想法?
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
但是,我可以使用 正确查询childImageSharp
,name: main-images
并name: extra-images
返回一个字符串数组,但我无法使用 进行查询childImageSharp
。
我现在已经在这个问题上花费了相当长的时间。任何帮助将不胜感激。
gatsby - 上传markdown附近的图片
我有一个使用 Gatsby.js 开发的网站。我已经集成了 Netlify CMS。我想将图像和其他文件上传到将放置 Markdown 的同一文件夹中,即{{year}}-{{month}}-{{day}}_{{slug}}/
.
真的要这么做吗?
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 一起使用吗?
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
但我有点迷失从哪里开始——这似乎是一个足够常见的用例,我想知道我是否遗漏了一些东西。
任何指导将不胜感激!:)