问题标签 [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 投票
1 回答
158 浏览

gatsby - Netlify 将图像保存为>- https://raw.githubusercontent.com

我的 netlify 管理员开始将这样的图像保存到降价文件中

我如何将其更改为这样保存?否则,我需要在管理员每次保存后手动更改。

0 投票
2 回答
218 浏览

gatsby - Gatsby.js - Netlify CMS - Netlify 重建

我正在考虑使用 Gatsby.js 和 Netlify CMS 制作一个项目,我已经看过教程,它看起来很漂亮,但我想知道是否有办法让开发变得不那么麻烦。

如果我理解正确,在 localhost 中开发时,如果您在 Netlify CMS 中更改某些内容,则必须单击“发布”,然后拉下您的存储库,重建然后重新提供应用程序以使更改显示在您的 localhost 中。这是唯一的方法吗?这可以自动化吗?

在生产中,我想您别无选择,只能在每次 CMS 中进行更改时重建网站,但这在技术方面似乎是一种倒退——这不会导致网站出现如此多的停机时间? 如果人们想要编辑 10 篇文章或一次又一次地编辑一篇文章怎么办——每一篇都会触发重建并导致网站关闭,不是吗?

0 投票
1 回答
1336 浏览

netlify-cms - 如何在 Netlify CMS 中添加图片上传功能

嗨,我是 Netlify CMS 的新手,我刚刚从博客中了解到它

所以我有 config.yml 在 Netlify CMS 在此处输入图像描述 示例中创建两个输入字段:

我只是想知道如何为图像添加输入字段

谢谢!

0 投票
1 回答
236 浏览

vue.js - Vue中如何动态渲染字符串?

我正在从 Netlify CMS 中提取图像数组并将其传递给vue-picture-swipe组件,但是即使路径正确等,实际图像也不会呈现。

不知道我做错了什么?

模板

脚本

呈现的 HTML

0 投票
0 回答
200 浏览

reactjs - 使用 GraphQL 按日期对 YAML 文件内容进行排序?

我正在尝试使用 GraphQL 按日期对 YAML 文件的内容进行排序。我通过 Netlify CMS 发布通知并使用 React(Gatsby) 作为前端。通知正在写入 notification.yml 文件,但我无法按日期对它们进行排序;最新的第一。我正在将内容很好地呈现给网站,但我找不到按日期对它们进行排序的方法。

我尝试在 GraphQL 查询中使用“sort: { field: date, order: DESC }”,但出现错误:

“查询”类型的字段“文件”上的未知参数“排序”。您指的是 “root” 吗? graphql/模板字符串

这是我的通知.yml:

GraphQL 查询:

你们能帮帮我吗?

0 投票
1 回答
492 浏览

reactjs - 使用 NetlifyCMS 在 localhost 和 Netlify 之间中断的图像

好的,我对 JAMstack、React、GatsbyJS、NetlifyCMS 和 Netlify 还是很陌生,所以如果这很简单,请原谅我。

我有一个使用 React 和 GatsbyJS 运行的站点,并运行 NetlifyCMS 来控制内容。在大多数情况下,该站点运行良好,但是当涉及到不同环境之间的图像时,我一直遇到问题。

当我通过 NetlifyCMS 将图像添加到任何页面的正文部分时,然后我拉出存储库,图像根本不会出现,而是被损坏的图像图标替换。但是,在 Netlify 上似乎运行良好。

偶尔会出现,但在推送或拉取或重新启动 Gatsby 开发服务器后,它又会中断。

它似乎只在通过 NetlifyCMS 将图像添加到正文内容时发生,因此它出现在 markdown 文件的主要内容中;在 frontmatter 中,它似乎工作正常。

我似乎在这上面花了很多时间。我已经安装了全系列的插件,但我似乎找不到其他面临这个问题的人。

所有其他 HTML 似乎都可以正常工作,但这些图像真的不想要。

盖茨比-config.js

Content.js 组件

在页面模板上调用:

<PageContent className="content" content={content} />

我希望将图像添加到 Markdown 的主体中,以便 Gatsby 处理图像并将其输出为处理/模糊加载图像,并使其在所有服务器(localhost 和 Netlify)上一致地工作。

相反,当它最初(有时)输出时,它是一个巨大的图像,从容器中分离出来,然后在服务器重新启动或类似的情况下,图像就会中断。

0 投票
0 回答
370 浏览

reactjs - AWS Amplify 上的 NetlifyCMS 身份验证

有没有人使用 AWS amplify 通过 NetlifyCMS 托管他们的静态 Gatsby 站点?我不知道如何正确进行身份验证(使用 bitbucket)。我需要另一个包裹吗?

0 投票
1 回答
1046 浏览

reactjs - 如何在提交 Netlify 表单后创建 Netlify CMS 集合文件?

我目前有一个 GatsbyJS 应用程序,它使用 Netlify CMS (NCMS) 进行内容管理,并通过 GitHub 使用 Netlify 进行托管/部署。

我想构建一个非常简单的订单系统,但我想使用 JSON 文件和 NCMS 集合来表示数据,因为我的数据要求非常低,并且我希望能够完全通过 NCMS 管理数据。

例如,我有一个Products集合和一个Orders集合。Products正在使用 JSON 扩展并包含代表每个产品的 JSON 文件。那里的一切看起来都很好。对于Orders,我希望能够从 NCMS 或从我的应用程序中的订单创建新条目。

在 NCMS 中创建Orders条目应该足够简单,使用关系小部件将Products条目合并到每个订单中。我想弄清楚的是如何在提交表单时在我的文件系统(repo)中创建 JSON 文件。我认为这可以通过 GitHub webhooks 以某种方式实现,因为当您在其系统中创建文件时,NCMS 正在执行此操作。

当用户在我的应用程序中提交 Netlify 表单时,我可以使用 Netlify 的表单 API、Netlify 函数和/或 GitHub webhook 的某种组合在我的 GitHub 存储库中创建一个文件吗?

如果这不可能,我的后续策略是将Orders数据保存在 MongoDB 数据库中。我对 Mongo 还没有任何经验,但我知道它是基于使用类似 JSON 的语法的“平面”数据格式。我是否可以在通过 Netlify Lambda 函数提交时将订单数据保存在 Mongo 集合中,然后通过 Netlify 触发构建,并在我的应用程序中在构建时拉入 Mongo 数据,并以某种方式为每个订单对象创建一个文件,也许是通过盖茨比的 API?

我最后的手段是在我的应用程序中设置一个管理区域,可以在其中查看、修改和删除订单。我宁愿避免这种情况,因为 a) 我没有 Netlify Pro 服务,因此无法访问受密码保护的站点访问权限(尽管我不确定 NCMS 如何利用身份并能够避免高级计划?), b) 我希望所有数据管理都通过同一个平台(Netlify CMS)进行。

0 投票
0 回答
443 浏览

gatsby - Netlify CMS 预览和 gatsby-remark-embed-video 之间的冲突

我正在尝试使用gatsby-remark-embed-video创建一个 youtube 编辑器组件。我正在使用 Gatsby、Netlify CMS 和 Netlify。我想在 Netlify CMS 的预览中预览视频(可以是视频本身或图像)。但是,它会导致冲突。如果它在 Netlify CMS 中有效,则对 Gatsby 无效,反之亦然。

gatsby-remark-embed-video依靠模式youtube: ID嵌入视频,这在 gatsby 上可以正常工作。问题是,在使用 Netlify CMS 时,它被解析youtube: ID为 markdown 代码,因为通常我们使用 Backtick(重音)来编写代码!

总而言之,基本上它不适用于 Netlify CMS。它总是在 Netlify CMS 预览中产生一行代码。如果我从我的降价文件中删除反引号(重音),它是通过普通文本而不是视频来读取的。我不知道该怎么办,有人可以帮助我吗?

谢谢!=)

Netlify CMS 在我的预览中阅读的内容: 图片

0 投票
1 回答
963 浏览

gatsby - 使用 netlifyCMS 和 Gatsby “找不到后端”

我一直在尝试在通过克隆gatsby-starter-default制作的非常基本的 Gatsby 应用程序上设置 NetlifyCMS 。我遵循了从 Netlify CMS 采购的说明,但我不断收到未找到后端的错误。这是我的盖茨比设置:

/static/admin/config.yml

这是我的 package.json

我的 gatsby-config.js

对于我的一生,我无法弄清楚为什么这不起作用。

我在 NetlifyCMS 文档的 Sourcing 中尝试了确切的教程,并得到了它的工作。我不确定为什么/在哪里/如何尝试将 netlifyCMS 添加到默认的 Gatsby 启动器失败......

在此处输入图像描述