问题标签 [gatsby-plugin]

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 回答
2374 浏览

.htaccess - 301 重定向 Gatsby 中的单个页面

我安装了 npm 包“gatsby-plugin-htaccess”并将其添加到 gatsby-config.js,它运行良好,并在我发布构建时给了我一个 .htaccess 文件来整理 url。

现在,我想永久 301 重定向一些页面,所以我得到以下结果; https://example.com/old-page/重定向到https://example.com/new-page/

“gatsby-plugin-htaccess”或“gatsby-plugin-htaccess-redirects”的语法是什么才能让它工作?

我试过按照文档进行操作,但内容不多 - https://www.npmjs.com/package/gatsby-plugin-htaccess-redirects

gatsby-plugin-htaccess 似乎允许重定向,但它也表示它们不会自动集成并建议使用 gatsby-plugin-htaccess-redirects - https://www.npmjs.com/package/gatsby-plugin-htaccess

0 投票
1 回答
349 浏览

gatsby - Gatsby 的 addThirdPartySchema 问题

我正在尝试创建一个自定义源插件并尝试使用该addThirdPartySchema方法,我尝试使用下面的这个简单示例,但收到此错误:

0 投票
1 回答
3152 浏览

javascript - Gatsby 平滑滚动锚链接在部署到 github 页面时不起作用

我有一个由几页组成的 Gatsby 网站。在导航栏上,有不同的链接。一些链接指向不同的页面,而一些链接会将您带到该页面上的特定部分,并具有平滑的滚动效果。

为此,我使用了 Gatsby 平滑滚动锚链接。文档在这里:https ://www.gatsbyjs.org/packages/gatsby-plugin-anchor-links/ 。

这基本上是我试图实现的目标:

许多网站使用混合导航格式,其中一些链接路由到其他页面,而另一些则将平滑滚动锚定到特定页面中的部分——但无论用户当前在哪个页面上,这两种类型仍然需要正常运行。

这是我的导航栏代码片段:

奇怪的是,当我在本地使用它时,它完全可以正常工作。但是当我将它部署到 Github 页面时,它不再起作用了。它不是平滑滚动,而是直接传送到该部分。我添加了偏移选项和 StripHash 属性,但它仍然不起作用;不起作用。任何提示将不胜感激。

0 投票
0 回答
15 浏览

javascript - 如何将第二个主题安装到您已经安装的主题上?相关资源链接的问题

我刚刚尝试按照多主题教程中概述的步骤在我目前的 gatsby 安装中安装第二个主题。我在链接新主题的资源时遇到了一些麻烦。因为它存在于 node_modules 中,所以我猜这应该是它应该引用的地方。目前,似乎是在尝试引用第一个主题的主 src 目录。

不知道我在这里到底做错了什么。这是我的 gatsby-config 的副本以供参考,特别是插件部分:

0 投票
1 回答
310 浏览

progressive-web-apps - Gatsby PWA - 桌面上缺少安装图标并添加到 android 上的主屏幕

我正在建立一个 gatsby 博客网站。我已经把它做成了 PWA。Service Worker 已安装并开始工作。我面临的问题是安装(加号)图标没有出现在通常出现在基于 PWA 的网站上的地址栏上,并且当我在 android 上访问该网站时也没有出现“添加到主屏幕”图标。所以我选择“桌面”类别执行灯塔测试,所有测试都通过,除了“内容的大小对于视口正确”。此类别之前的图标保持灰色,不会变为绿色。但是,当我选择“移动”类别执行灯塔测试时,所有测试都通过了。知道可能是什么问题吗?

0 投票
1 回答
369 浏览

gatsby - gatsby-source-graphql 仅显示 10 个结果

我想从 wordpress 网站获取数据,目前当我通过查询以显示该网站的所有页面时,它只返回 64 个中的 10 个,在 gatsby-config.js 中的 gatsby-source-graphql 解析器下是否有一个选项显示更多结果?

0 投票
1 回答
497 浏览

gatsby - 使用 gatsby-plugin-google-amp 在 Gatsby 中创建 AMP 页面,但会引入所有网站样式

我很欣赏该插件不再以当前形式维护(https://www.gatsbyjs.org/packages/gatsby-plugin-google-amp/?=Amp),但想以此为基础将 AMP 页面添加到我的地点。我已经很好地安装了插件,并且能够创建所需页面的 AMP 版本。

但是,每当我尝试导入 CSS 文件或模块时,我的整个网站的所有样式都会自动添加到页面(从而使 AMP 页面无效)。我怎样才能只导入一个样式表?我尝试过使用 CSS 模块,但没有任何乐趣:

没有 css 导入,页面验证正常。我只想导入一个包含我们有限的 AMP 样式的样式表。最好的方法是什么?非常感谢任何帮助。

0 投票
4 回答
1413 浏览

javascript - (Gatsby-Strapi) 错误:请求失败,状态码为 404

我想按照说明操作:https ://strapi.io/blog/building-a-static-website-using-gatsby-and-strapi#allowaccess

但遇到错误:请求失败,状态码为 404

Node.js 版本:v10.13.0 npm 版本:6.14.6 Strapi 版本:3.1.0-alpha.5 操作系统:mac

哪个示例导致问题?Strapi.io/blog/building-a-static-website-using-gatsby-and-strapi#allowaccess

当前的行为是什么?Graphql 查询不起作用。

重现问题的步骤:

预期的行为是什么?预期的行为是什么?

当我尝试从 gatsby http://localhost:8000/___graphql 获取时不起作用

http://localhost:8000/___graphql 上没有方法 allStrapiblogs

0 投票
1 回答
689 浏览

gatsby - 使用 @reach/router 和 Gatsby 时是否可以传递我自己的道具?

我正在尝试传递我自己的自定义道具(函数、对象..等),但它们没有传递,当我尝试不带 gatsby 的 @reach/router 时,它工作正常。

我的 app.js:

我的 OtherComponent.js

组件渲染得很好,但我的道具没有通过,当我控制台日志道具时,我只得到路径、位置、pageContext 和导航方法 ..etc 但不是我的道具

旁注:我正在使用 gatsby 的 gatsby-plugin-create-client-paths

0 投票
0 回答
259 浏览

reactjs - Gatsby:GraphQL 无法查询类型 \"Query\" 上的字段 \"allMarkdownRemark\"

我是 Gatsby 的新手,正在尝试构建博客功能。我已经安装了gatsby-source-filesystemgatsby-transformer-remarkgatsby-plugin-catch-links。我在pages目录中有博客文章,每个博客文章都在pages. 当我尝试查询博客文章时,pages我会出现以下错误:

Cannot query field \"allMarkdownRemark\" on type \"Query\"

这是我的项目的结构:

在此处输入图像描述

这是我的配置文件:

我的 GraphQL 查询:

如何修复此错误并allMarkdownRemark正常工作并从中检索博客文章pages