问题标签 [gatsby-plugin]

我正在尝试在我的 Gatsby 网站中添加 Google 字体（Mukta Malar）。

我看过很多关于将 Google 字体添加到 Gatsby 网站的文章，其中大多数似乎都使用了这个插件：gatsby-plugin-prefetch-google-fonts。

我在我的网站中使用了上述插件，方法是将其添加到gatsby-config.js文件中：

并将字体系列添加到我的 css 文件中：

但谷歌字体不适用于该网站。我的代码中是否缺少隐藏的步骤？

我想在 GatsbyJS 中使用所有不同类型的样式方法。在我的项目中，我有三种类型的实现样式，global CSS, CSS Modules and CSS-in-JS( styled-component)。一切都按预期工作。但是，当我使用 index.html 构建项目gatsby build并打开其中一个我做 CSS-in-js 的 index.html 时，我看到有一个 CSS文件在data-href标签里面。当我打开它时，它包含我项目的所有CSS样式。但我什至没有将它导入到我做CSS-in-js的组件中。为什么会发生这样的事情？为什么样式来自module.css在这个文件中被引用。

我是 Gatsby 的新手，我正在研究 Gatsby Video 插件，所以我按照他们文档中的说明进行操作。

视频剪辑本身名为 beach2.mp4，位于 src 根目录下的 images 文件夹中。该位置已添加到我的 gatsby-config.js 中，这是该文件的一部分：

我安装了包本身，并将其添加到我的 gatsby-config.js 文件中，如下所示：

我按照他们的示例查询进行页面查询，当我在 GraphQL 中运行此查询时开始发现问题：

我得到以下回复：

在我的组件文件夹中，我有一个名为 HeroImage.js 的文件，其中有查询设置和视频组件，如下所示：

最后，在 pages 文件夹中的 index.js 文件中，我完成了以下操作：

我在这里错过了什么？视频剪辑未显示。

我正在关注 Andrew Mead 在 Gatsby Bootcamp 上的 youtube 教程，并且在 3:10:00 分钟内一切正常，但是一旦我安装gatsby-remark-relative-images和gatsby-remark-images插件并将它们添加到gatsby-config.js文件以显示图像，当我运行时，npm run develop我会收到类似的错误一个如下所示。

下面是我的 gatsby-config.js 文件。

请帮忙！先感谢您。

我在 gatsby 中的主要字体是在 index.scss 文件夹中定义的，就像这样在 body 标记中。

对于我想使用谷歌字体的标题，我尝试使用这些插件进行预加载：

在css中定义了字体，但仍然在生产中而不是在本地开发中获得无样式文本的闪光。

我正在尝试将滚动动画添加到我的 gatsby 网站。我正在使用的插件，当元素进入视图和/或元素离开时，sal 应该能够支持动画。我正在尝试在元素处于视图中时向其添加滑入式动画，但我知道如何让它工作。当我尝试查询元素时，它显示为空。任何人都知道如何让它工作。

ps 一切都在 gatsby 配置中正确设置，我可以让动画工作，但不是 sal:in 和 sal:out 动画

萨尔文档

GatsbyJS 的新手，我需要帮助来检查 RSS 提要，但我迷路了！

我想在我的 gatsby 网站上查看另一个博客的 rss 提要，我想把这个博客的帖子取回我的 gatsby 网站。

有人可以告诉我是否需要安装：“gatsby source rss feed”（我认为）、“gatsby source rss”或“gatsby rss feed”（我认为不是它，dit 将他的 gatsby 帖子推送到另一个博客，我需要反过来）？

如果有人也可以告诉我如何声明 rss 的查询？在女巫文件夹中？

我的 gatsby-config.js：

在我的文件中：gatsby-node.js？我已经复制了一些代码来创建我的 rss 提要，但我不明白很多东西......

或者再次在我的模板的文件夹中？

非常感谢。

我目前有一个基于Gatsby-Ghost-Starter项目的 Gatsby项目。由于某种原因，Ghost 模式不再在 Gatsby 中生成，我似乎无法弄清楚原因。结果，我收到以下错误：

您的 GraphQL 查询中有一个错误：

无法在类型“GhostSettings”上查询字段“图标”。

如果您不希望在“GhostSettings”类型上存在“图标”，则很可能是拼写错误。但是，如果您希望“图标”存在，则有几种常见问题的解决方案：

• 如果您在 gatsby-node.js/gatsby-config.js 中添加了新数据源和/或更改了某些内容，请尝试重新启动您的开发服务器
• 该字段可能可以在另一个子字段中访问，请尝试在 GraphiQL 中查询并使用 GraphiQL 资源管理器查看您可以查询哪些字段以及它们具有什么形状
• 您希望有选择地使用您的字段“图标”，现在它没有在任何地方使用。因此 Gatsby 无法推断类型并将其添加到 GraphQL 模式中。一个快速的解决方法是在该字段中添加至少一个条目（“虚拟内容”）

如果您想使用可选字段，建议显式键入您的 GraphQL 架构。这样您就不必添加提到的“虚拟内容”。访问我们的文档以了解如何为“GhostSettings”定义架构： https ://www.gatsbyjs.org/docs/schema-customization/#creating-type-definitions

对于使用与 Ghost 模式相关的任何内容的每个页面和查询字段，基本上都会重复此错误消息。我打开了 GraphiQL 资源管理器，看看我是否可以访问那里的字段，它表明没有可用的模式（如此处的屏幕截图所示）。我尝试回滚到以前的提交，删除 .cache 和 node_modules，更新所有包，然后重新克隆 repo 无济于事。

我的最新提交能够在生产环境中毫无问题地编译，所以我认为这是我机器上的某种错误配置......环境变量都是相同的，我尝试使用生产 Ghost 服务器作为我的“ghost-source” " 在我的本地机器上（因为我知道如果生产构建成功编译它就可以工作），但没有任何改变。我已经坚持了好几天了，甚至不知道如何调试现在发生的事情。任何建议/见解将不胜感激。

当我创建新项目并按照以下步骤操作时，我的 gatsby 项目运行良好：https ://www.gatsbyjs.com/docs/quick-start/但是当我尝试克隆另一个存储库时，例如：

1. git 克隆 https://repositoryurl
2. npm install -g gatsby-cli
3. npm 安装
4. 盖茨比发展

它失败并出现错误Failed at the pngquant-bin@5.0.2 postinstall script.我尝试了不同的存储库，我在互联网上找到的所有解决方案，但没有任何帮助。在你问跑步npm install libpng-dev给你之前npm ERR! 404 Not Found - GET https://registry.npmjs.org/libpng-dev - Not found。运行npm install pngquant-bin给出npm ERR! pngquant-bin@6.0.0 postinstall node lib/install.js我的节点版本：v12.18.3. 我的 npm 版本：6.14.6. 我用Windows 10.

我想创建一个标签云（或类别列表），它应该链接到相应的标记文章和类别。但是在我构建的查询中，只有nameORslug被连接起来，因为它们被放置在fieldsOR infrontmatter但不在一个对象中

我使用这两个被广泛使用的插件：https ://github.com/rmcfadzean/gatsby-pantry

这是我当前的查询：

我怎样才能得到这样的对象：