问题标签 [gatsby]

我正在使用 gatsby-plugin-styled-components 来设置以下元素的样式。

出于某种原因，我根本无法弄清楚自己，我无法设置 secondChar 组件的样式。颜色和字体大小根本没有变化。但是，我可以通过 Chrome 开发工具设置 secondChar 的样式。

任何人都可以建议发生了什么？谢谢你。

更新：解决了上面的第一个问题。忘记使用驼峰式作为组件。

现在我正在尝试实现以下 样式组件：引用其他组件

但是，将鼠标悬停在 TitleWrapper 上对 SecondChar 组件没有任何响应。我又做错了什么？

我想在我的 Gatsby 项目中使用 Font Awesome Icons。我很想在 CDN 中包含很棒的字体。

仅将其包含在脚本标记中是行不通的。我想我需要用它来导入它，import ... from '../fontawesome.css'但我无法让它工作，并且还想为此使用 CDN。还是我需要用 gatsby 的 css 库来解析它？

请给我建议或提示如何做到这一点。

我对 Gatsby、React 和 GraphQL 有点陌生，所以我只是想在走错路之前咨询社区...

WooCommerce REST API（通过 WordPress REST API）是否会成为 Gatsby 的一种可能的电子商务集成？如果是这样，是否可以使用 GraphQL 查询 WooCommerce API（类似于使用 gatsby-source-wordpress 插件查询 WordPress REST API）？这一切都可以通过使用 WordPress REST API 来完成吗？

如果有人将 WooCommerce 与 Gatsby 集成（或知道更好的 Gatsby 电子商务解决方案），我很想知道！

在当前的 Gatsbyjs 站点构建中，我需要在 Google Analytics 中记录一些（点击）事件。

我不知道在哪里添加我的自定义代码来监听我想要发送的事件。

添加js代码跨页监听的常见做法是什么？

谢谢！

我是 GatsbyJS 的新手，一直在梳理文档以寻找解决方案，但似乎找不到，这让我觉得我错过了一些更大的部分。我假设消除浏览器默认样式的方法是在我的索引布局中导入某种css-reset.css文件并用我自己的样式覆盖它，如下所示：

但我似乎无法以这种方式覆盖它们（仅实现了重置）。GatsbyJS 的构建过程中是否有一些我在这里遗漏的基本内容？我需要集成到gatsby-config文件中的东西？是否有一个插件可以做到这一点/更好的方式来实现 CSS 重置？谢谢您的帮助。

我想使用Gatsby制作一个静态生成的网站。这一切都很好，但我想进行身份验证和授权，因为这是一个内部站点 - 它只能由我公司的人员访问。我想到了这一点，如果没有一些服务器组件，就不可能（？）在没有某种后端的情况下安全地对用户进行身份验证。我想我可以使用 ASP.NET Core 来提供静态文件，并在这些静态文件前面进行 Google（for Work）身份验证和授权。

似乎StaticFileHandler 不支持设计授权，因为它只负责提供可公开访问的静态文件。我设法通过使用Authorize我的根操作（侦听“/”）上的属性来使 Google 身份验证正常工作，并且具有发出 a 的登录操作，Challenge并且用户将被重定向到 Google 进行身份验证。进一步阅读处理静态文件的文档说：

静态文件模块不提供授权检查。它提供的任何文件，包括 wwwroot 下的文件都是公开的。根据授权提供文件：

• 将它们存储在 wwwroot 和静态文件中间件可访问的任何目录之外
• 通过控制器操作为它们提供服务，返回应用授权的 FileResult

所以现在我有一个Index动作HomeController，看起来像这样：

我对这个解决方案不太满意。我应该让整个事情都使用中间件而不是使用 MVC 吗？这甚至是正确的方法吗？有没有更好的方法来做到这一点？

我无法使用 gatsby cli 克隆 gatsby-starter-default.git，因为它正在使用被我们的防火墙规则阻止的 'git' url

我也尝试将以下内容添加到 git config 但仍然没有乐趣

git config --global url."https://".insteadOf git://

下面是输出...

有没有办法强制 cli 使用 https:// 而不是 git://

我有以下正在接收变量的查询$tag。目前我正在根据它的值过滤结果frontmatter.keywords。keywords是一个逗号分隔的字符串，所以我需要使用正则表达式来检查其中是否包含$tag，但是我不知道如何将变量传递给正则表达式。如果我将一个值硬编码到正则表达式中（如下面我硬编码的代码中/example/，过滤工作。如果我替换example为$tag我收到一个错误：

GraphQLError：变量“$tag”从未在操作“TagQuery”中使用。

我应该如何$tag在正则表达式中使用？

我实际上更喜欢采用不同的方法并将标签作为数组添加到 中gatsby-node.js，但似乎没有任何基于数组值的过滤方式。

我正在尝试使用 gatsbyjs 将我的反应应用程序构建到静态 html 页面中。我刚刚尝试了“gatsby build”，它完成了一切正常，直到它想要创建静态页面，然后我得到：

我正在使用 npm 5.5.1。

编辑：

所以我只是在我的contact.js 文件中注释掉了superagent，并且构建顺利进行。但是，我不明白为什么这会导致任何问题：

联系人.js：

默认情况下，GatsbyJS 正在推动使用 css 模块和自定义 css-in-js 库，如glamorous和印刷术

不幸的是，我正在将现有站点移植到使用传统全局样式表的 GatsbyJS。将所有现有的 HTML-CSS 工具转换为 CSS 模块的工作是一件苦差事。

我目前的技巧是更新 GatsbyJShtml.js并添加一个

<link rel="stylesheet" type="text/css" href="/style.old.css" />

到标题。但是，我style.old.css生活在其中/public，但在运行构建时会被消灭。

我希望有一个插件来支持这一点，但 Gatsby 团队似乎不鼓励使用全局 CSS，这对于新项目是可以理解的。

我试图编写一个插件来添加它，但发现有关如何编写“样式插件”的资源有限。