问题标签 [netlify-cms]

这是场景：

我在 Github 上有两个 Vuepress 网站存储库，使用 NetlifyCMS 并在 Netlify 上进行部署，每个存储库用于不同的网站。

站点 1：guidesABC.blah.com -> RepositoryABC

站点 2：guidesA.blah.com -> RepositoryA

指南 A 在两个存储库中。

有没有办法可以使用 Netlify 上的函数来检查更改是否在文件夹 A 上完成，更改是否也发生在 RepositoryA 上？

我不想做的是去guideABC上的站点/管理员-对*md文件进行更改，发布并在站点guideA上执行相同的操作复制和粘贴代码。

谢谢你

我有一个简单的 jekyll 网站，并试图让 netlify cms 作为页面和帖子的编辑器。

如果我尝试将页面移动到自定义集合文件夹中的页面文件夹中，那么它似乎不会构建它们，除非它们具有 .md 扩展名但页面中有很多自定义 html 并且使用 .md 似乎可以呈现页面上的 html 作为文本而不是 html。

如果我将页面留在根目录中，则 netlify cms 不会拾取它们，但是我对其进行了配置。

主要有3种页面，首页，二级网关类型页面，内容页面

然后是博客文章。

我应该如何配置它以便 netlify 可以编辑我的页面并且用户可以创建新页面？

网站在这里： https ://github.com/tofuwarrior/sites-clearspringacupuncture

谢谢。

我按照盖茨比网站上的教程进行操作。我正在运行“hello world” https://admiring-bose-8807f8.netlify.com/站点。我创建了一个帖子，但坚持让它显示。我正在使用 gatsby-source-filesystem 插件。我的 gatsby-config.js 文件如下：

我的 config.yml 是

当我进入管理员并单击以创建新帖子时，我有以下文件

• 小路
• 日期
• 标题
• 身体

我输入了以下字符串：

• 路径：/first-blog/
• 日期：（预填）
• 标题：标题
• 身体：Lorem ipsum

我应该如何格式化我的 URL？我试过了： https ://admiring-bose-8807f8.netlify.com/blog/first-blog/Title

没有快乐？

有任何想法吗

我尝试使用两个不同的图像小部件在单个页面上输入内容时得到了一个奇怪的结果：我可以使用 graphql 获取图像路径，但图像没有使用 gatsby-image 处理，这意味着我只得到一个包含路径的字符串，不是通常的对象。

只有一张图片的其他页面没有这个问题。也就是说，使用 gatsby-remark-images + gatsby-remark-relative-images + gatsby-image

我的 config.yml 的相关部分：

我需要能够按宽高比对图像进行排序并将它们放入 Netlify CMS 预览模板中。

我已经为这个 Gatsby 站点构建了一个页面模板，它使用 gatsby-image 提供的一些属性（特别是 aspectRatio）根据这个值将图像过滤成两个数组，然后用这两个数组构建一个图像网格布局——两个肖像，一张风景，两张人像等等。

我希望能够在 Netlify CMS 预览模板中复制此布局，以便用户可以看到他们输入的图像的布局。当然，问题在于提供给模板的数据不包含与通过构建页面本身的 GraphQL 查询获得的结果相同的信息，而且我无法使用静态查询来获取文件，因为我需要为每个单独的“项目”运行查询，并且您不能将变量传递给静态查询（它们是 static ）。

我已经尝试使用 NPM 包“image-size”，但它不起作用，因为预览模板代码没有在 Node 环境中的服务器上执行（我不认为）。我也尝试过利用浏览器 Img API，但我也无法让它工作。

我能够通过提供给 Netlify CMS 模板的方法和数据获得每个图像资源的链接（例如“/media/some-image.jpg”），但我不确定从那里去哪里。

也许我应该尝试在客户端执行我需要的代码？

随着时间的推移，在 Gatsby 上进行开发的速度明显放缓——热加载程序有时需要 20-30 秒来刷新页面。在对页面进行大约 10-20 次更新后 - 它最终总是会遇到以下错误：

我们的网站大约有 250 多个静态页面/pages，并且正在以编程*.yml方式从netlify-cms.

我怀疑它与源映射变得非常大有关 - 一个疯狂的猜测是它可能与我们正在做的事情gatsby-node.js或cms.jsnetlify-cms 的管理页面有关 - 尽管我不确定从哪里开始开始调试这样的问题。任何指针将不胜感激。

我们实施的一个临时解决方案是更改 Gatsby 的默认源映射，cheap-module-eval-source-map从而eval将热模块重新编译时间从 4-6 秒缩短到 1-2 秒。然而，我们显然更愿意拥有性能良好的适当源图。

我们最近还重新调整了我们的分叉gatsby-netlify-cms-plugin，v4.1.6其中包含以下显着改进： https ://github.com/gatsbyjs/gatsby/pull/15191 https://github.com/gatsbyjs/gatsby/pull/15591

这次更新帮了大忙。但是，理想情况下，我们更希望通过适当的源映射将 HMR 编译时间控制在 500 毫秒以下。

gatsby-node.js

package.json

cms.js

环境

更新：

这是 HMR 的配置文件 - 进行更改、保存、撤消该更改，然后再次保存。

每次更改的编译时间约为 1300 毫秒。请注意，这是我们将开发中的源映射设置为eval- 更便宜的选项。

有人看到我们这次可以做些什么来改进吗？尽管我们的更改实际上是在更新文本，但似乎 graphql 正在重新编译我们的查询。

这是使用Chrome Devtools的性能配置文件结果。

最近，盖茨比开始未能构建该网站的生产版本。开发版本构建良好。

这似乎是一些 Babel 问题，但我无法弄清楚它是什么。我已经升级了所有东西，删除了 node_modules 文件夹和 yarn.lock，但是在重新构建所有东西之后，它以同样的方式失败了。

我对 Babel 的内部运作不是特别熟悉，所以我猜这与 Gatsby 附带的 Babel 设置有关？

这是我的 package.json：

},

我正在尝试将页面添加到我使用 Netlify CMS 后端创建的 Vuepress 站点。似乎唯一的方法是静态添加它们：

我认为当您在 Netlify CMS 中创建新页面时，页面必须有一种自动填充的方法。

我已经尝试过自动将新帖子添加到侧边栏，但没有运气。我想必须有一个更简单的解决方案，因为通过 CMS 动态添加页面是实现 CMS 后端的重点。

我对使用 Netlify CMS 很感兴趣，但它似乎只适用于博客文章。是否也可以将它用于实际的静态网站内容？

例如：

• 定义<h1>主页上的文本
• <button>在“联系我们”页面上为特定对象定义文本
• 在“关于我们”折叠部分中定义要使用的背景图像
• 保存可在整个应用程序中使用的默认变量，例如“primaryColor”、“websiteName”、“supportEmailAddress”等。
• 定义要在导航栏中使用的链接

我已经在 Gatsby 网站上安装了 Netlify CMS，但我不知道该怎么做。所有在线指南都只提到创建博客文章，我在 Netlify CMS 文档中找不到任何相关信息。

我需要哪些设置才能为集合创建一个条目？例如，“主页布局”不应该有多个条目，只有一个包含所有相关信息的条目。

如果我想将变量保存到 json 文件（例如“primaryColor”）以便我的应用程序的其余部分可以使用它，那么我需要已经使用默认值创建该文件，否则应用程序将无法编译（所以我什至无法访问 /admin 页面来更新变量）。处理这个问题的最佳方法是什么？

基本上，我正在寻找一些文档或在线指南，了解如何以与 Wordpress高级自定义字段插件类似的方式将 NetlifyCMS 用于非博客网站。这甚至可能吗？

我正在将 Netlify CMS 集成到 Gatsby 站点。现在，在编辑或创建内容时，内容的预览会以纯文本形式出现在屏幕右侧。是否可以对主页和预览页面使用相同的样式，以使它们看起来相同？

我假设由于使用页面模板呈现预览页面并且页面模板带有自己的样式，因此不需要额外的样式表。

我尝试使用链接样式表，CMS.registerPreviewStyle("link/to/my/css/file");但没有任何变化。

开发者控制台返回错误

拒绝应用来自“ https://my-site-name.com/admin/cms.css ”的样式，因为它的 MIME 类型 ('text/html')" 不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查。”

但是，当我尝试直接加载样式表时，我收到一个 404 错误，表明它不存在。