0 投票

2 回答

1212 浏览

image - 来自 markdown 帖子的 Gatsby 图像未从 graphql 查询中显示

我使用 Markdown 和 Gatsby 和 Tailwind 建立了一个博客文章。使用 graphql 查询数据时，我无法显示任何图像。我的图像存储在文件夹中的src/目录中images/。我的帖子位于pages/同一目录中的一个文件夹内。在某一时刻，该站点显示了所有图像，包括 Markdown 中的图像，但在部署到 Netlify 时无法正常工作。我已经部署了该站点，但现在我的图像都没有显示，我已经尝试了一切来恢复它们。我也尝试过使用 gatsby-image （固定和流体），但仍然没有。

这是我第一个使用 gatsby、markdown 和 graphql 的项目。目前，使用 devtools (../images/example.jpg) 检查时，已部署的站点nikkipeel.netlify.app在博客页面上显示帖子的正确路径，但实际上仍然没有图像显示。‍♀️</p>

Github 仓库：gatsby-blog

项目结构：

博客文章的主要内容 (index.md) -

带有 Graphql 查询的 Blog.js 用于显示所有帖子：

对于单个帖子 - blog-post.js：

使用 graphiql 游乐场时，会为 blog.js 检索正确的图像路径，但不会为 blog-post.js（个人帖子）检索：

blog.js 查询：

blog-post.js 查询：

gatsby-node.js -

在此处将“图像”和“作者图像”添加到 frontmatter 时收到错误消息

盖茨比-config.js -

2021-01-31T15:06:59.813

0 投票

2 回答

297 浏览

gatsby - Gatsby 中的阴影/自定义父主题插件

我正在为我自己的博客使用 Gatsby 主题@lekoarts/gatsby-theme-minimal- blog。该主题还有一个父核心主题@lekoarts/gatsby-theme-minimal-blog-core，它使用了gatsby-plugin-mdx插件。

在我自己的博客中，我想更改插件gatsby-plugin-mdx的选项，例如设置

我尝试gatsby-plugin-mdx在我自己的博客中导入，gatsby-config.js但它不起作用我在解析现有.mdx文件时遇到错误。

还试图通过使用相同的内容创建但没有效果来隐藏gatsby-config.js核心主题的文件。src/@lekoarts/gatsby-theme-minimal-blog-core/gatsby-config.jslinkImagesToOriginal: true

如何更改父主题的插件选项？

核心主题的gatsby-config.js文件如下：

gatsby-config.js我的博客

gatsby gatsby-plugin mdxjs gatsby-plugin-mdx

2021-01-31T22:27:55.717

0 投票

1 回答

166 浏览

cookies - Gatsby GDPR cookie 插件不起作用 - 部分中缺少 Google 分析脚本

我花了很多时间来解决我的问题。我想使用 . 检查我自己的 cookie 的值gatsby-plugin-gdpr-cookies。我硬编码，该值gatsby-gdpr-google-analytics始终是真实的，以证明插件是否正常工作。问题是，我的网站仍然没有部分<script>中的谷歌分析<head>。任何想法如何解决这个问题？我试图在不同级别上移动插件gatsby-config.js，但没有任何效果。这是我的配置：

cookies google-analytics gatsby gatsby-plugin

2021-02-02T16:36:35.710

0 投票

1 回答

115 浏览

javascript - 如何防止网站外重定向时出现 404 页面闪烁？

我通过钩子createRedirect内的动作进行重定向。createPages使用重定向的函数如下所示：

gatsby-node.js 只是这样：

根据这个问题，404 页面包括“窗口”黑客，它必须防止该页面出现在整个网站上：

javascript node.js gatsby gatsby-image gatsby-plugin

2021-02-03T15:37:26.880

0 投票

1 回答

650 浏览

plugins - “gatsby-source-graphql”导致加载插件错误引用“gatsby/graphql”

我有一个正在添加的 Gatsby 安装，但是，在尝试构建一些graphQL 构建时数据获取时，我遇到了一个在运行npm start (gatsby develop)或gatsby build时导致错误的问题.

我安装了gatsby-source-graphql，如下所述： https ://www.npmjs.com/package/gatsby-source-graphql

我将它包含在我的gatsby-config.js中，如下所示：

但它会产生这个错误：

我试过的：

我在配置中尝试了两种不同的 gatsby-source-graphql 定义（一次只有一个），但都产生了错误。第二个（上面注释掉的）直接取自github 页面示例和Gatsby 示例。
我尝试更改插件的顺序（我尝试了每个位置）但仍然出现错误。
如果我在配置中评论任何和所有 gatsby-source-graphql 部分，它不会产生错误。
如果我注释掉除gatsby-source-graphql 部分之一之外的所有插件，我仍然会得到完全相同的错误。
我还尝试删除 node_modules 文件夹，运行 npm run clean，然后再次 npm install 没有任何变化。
我也尝试了以下链接中描述的 DanceParty 解决方案，没有任何变化： https ://github.com/gatsbyjs/gatsby/issues/8249
我试过跑步npm update，npm install npm@latest -g并没有看到任何变化。