草庐IT

javascript - 将变量传递给 Gatsby graphql 查询中的正则表达式

我有以下查询,它正在接收变量$tag。目前,我正在根据其frontmatter.keywords的值过滤结果。keywords是逗号分隔的字符串,所以我需要使用正则表达式来检查其中是否包含$tag,但是我不知道如何传递正则表达式中的变量。如果我将一个值硬编码到正则表达式中(如在下面的代码中我硬编码了/example/,则过滤有效。如果我将example替换为$tag我收到一个错误:GraphQLError:Variable"$tag"isneverusedinoperation"TagQuery".exportconstpageQuery=graphql`queryTagQuery($

javascript - 如何将动态类添加到 Gatsby.js 中的 body 标签?

显然,这不是一件容易的事,因为html.js中唯一改变的是模板文件默认是headmeta标签和内容。元标记由Helmet组件({head.title.toComponent()}和{head.meta.toComponent()})处理,模板内的HTML更改由React管理。()然而,body标签不在React的范围内,这就是为什么我无法弄清楚在页面之间导航时如何即时更改它的原因。这正是我需要的,因为我想为每个页面应用不同的正文背景。我知道我可以使用exports.onRouteUpdate来解决这个问题在gatsby-browser.js,但即使在浏览器中禁用了JS,我也希望该类存在

javascript - 如何为 Gatsby 提供 GraphQL 模式

我们从Wordpress后端引入了一些帖子,有些有图片(在ACF字段中),有些没有。问题是Gatsby根据它接收到的第一个节点来推断模式。如果它接收到一个没有图片的节点,那么schema是错误的。WheredoesGatsby’sGraphQLschemacomefrom?WithGatsby,weusepluginswhichfetchdatafromdifferentsources.WethenusethatdatatoautomaticallyinferaGraphQLschema.我们如何为GraphQL/Gatsby指定一个始终包含图片的模式,如果它是空白的,则将“null”

reactjs - 使用 GatsbyJS 时,google 如何知道要抓取哪些页面

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。这个问题似乎与helpcenter中定义的范围内的编程无关。.关闭3年前。Improvethisquestion请原谅我知识匮乏,我对使用GatsbyJS还是个新手。在本地构建时,如果我点击404页面,我会得到一个可用页面列表。(见附件)只是想知道谷歌是否索引了所有这些页面?

有完美的 React 框架吗?三巨头之战:Remix、Next.js 和 Gatsby

React的流行已经超越了前端开发,现在它被用于不同的开发目的。这种扩展导致了新框架的出现,这些框架的目标是增强开发者体验、优化流程和解决特定的挑战。React的主要挑战之一是由于客户端渲染而与SEO(搜索引擎优化)的斗争。在本文中,我们将探讨3个备受关注的基于React的框架--Next.js[1]、Gatsby[2] 和 Remix[3]。我们将讨论它们的优势和缺点,并讨论如何选择适合你的项目的框架。Next.js在Web开发中的优缺点Next.js是Vercel构建的前端常用JavaScript框架。它出现于2016年,可以创建静态和动态的JAMstack网站。Next.js是一个框架,

html - 样式化组件,带有 gatsby-link anchor 标记 css 着色

我正在尝试为设置样式来自gatsby-link的组件包使用styled-components包通常我只是创建一个const给它一个Name将其设置为等于styled.a例如,写我的CSS。然而,当我创建一个const对于我得到一个Duplicatedeclaration"Link"错误。如何设置的样式组件styled-components.下面是我的代码importReactfrom'react';importLinkfrom'gatsby-link';importstyledfrom"styled-components";constHeader=styled.div`margin:3

html - 样式化组件,带有 gatsby-link anchor 标记 css 着色

我正在尝试为设置样式来自gatsby-link的组件包使用styled-components包通常我只是创建一个const给它一个Name将其设置为等于styled.a例如,写我的CSS。然而,当我创建一个const对于我得到一个Duplicatedeclaration"Link"错误。如何设置的样式组件styled-components.下面是我的代码importReactfrom'react';importLinkfrom'gatsby-link';importstyledfrom"styled-components";constHeader=styled.div`margin:3

json - 如何在 Gatsby 中从单个 json 文件创建多个页面

我是node.js的新手,但我喜欢gatsby.js。我已经按照我能找到的所有教程进行操作,这是一个很棒的工具。然而,我想使用它的主要原因之一是我有一个包含1000条不同记录的文件json,我想为每条记录生成一个新页面。我相信我已经得出结论,我需要了解有关gatsby-node.js文件的更多信息,并且了解以下资源,但是是否有任何关于此主题的教程或其他示例可能更容易理解:https://www.gatsbyjs.org/docs/creating-and-modifying-pages/#creating-pages-in-gatsby-nodejs 最佳答

json - 如何在 Gatsby 中从单个 json 文件创建多个页面

我是node.js的新手,但我喜欢gatsby.js。我已经按照我能找到的所有教程进行操作,这是一个很棒的工具。然而,我想使用它的主要原因之一是我有一个包含1000条不同记录的文件json,我想为每条记录生成一个新页面。我相信我已经得出结论,我需要了解有关gatsby-node.js文件的更多信息,并且了解以下资源,但是是否有任何关于此主题的教程或其他示例可能更容易理解:https://www.gatsbyjs.org/docs/creating-and-modifying-pages/#creating-pages-in-gatsby-nodejs 最佳答

javascript - 何时使用 React 框架,例如 Next 或 Gatsby vs Create React App

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭2年前。Improvethisquestion我正处于React/javascript学习经历的快速原型(prototype)制作阶段。我想知道人们什么时候会使用Next.js或Gatsby.js等框架,而不是标准的CreateReactApp。我真的很喜欢基于页面的结构和预加载Next.js链接的前景。但是,我不确定您什么时候会达到与CRA相对的Next或什至被驱逐的CRA。谢谢!