标记文件之间的Gatsby映射
Gatsby是一种基于React的静态网站生成器，它可以帮助开发者快速构建高性能的网站和应用程序。在Gatsby中，标记文件之间的映射是通过使用GraphQL查询语言和Gatsby的数据层抽象来实现的。
Gatsby中的标记文件通常是使用Markdown、MDX或者其他标记语言编写的，它们可以包含页面的内容、布局和元数据。而标记文件之间的映射则是通过Gatsby的数据层抽象来建立的，开发者可以使用GraphQL查询语言在页面中查询和获取其他标记文件的数据。
具体来说，开发者可以在Gatsby项目中创建一个GraphQL查询，通过指定查询条件来获取特定的标记文件。例如，可以查询所有标记文件的标题、日期、标签等信息，并根据这些信息进行排序或过滤。通过这种方式，开发者可以根据自己的需求动态地在页面中展示、链接和组织标记文件。
Gatsby的标记文件之间的映射可以带来以下优势和应用场景：
- 网站导航和链接：通过查询标记文件的数据，可以轻松地创建网站导航菜单、面包屑导航和内部链接，使用户可以方便地浏览和导航网站的不同页面。
- 分类和过滤：通过查询标记文件的标签、分类或其他元数据，可以对标记文件进行分类、分组和过滤，使用户可以按照自己的兴趣和需求查看特定类型的内容。
- 相关文章推荐：通过查询标记文件的关联字段或相关标签，可以实现文章之间的相关性推荐，提供给用户更多有价值的内容。
- SEO优化：通过在标记文件中添加合适的元数据，如标题、描述和关键字，结合Gatsby的SEO插件和配置，可以提升网站在搜索引擎中的排名和曝光度。
在腾讯云的生态系统中，推荐使用腾讯云的Serverless架构和云函数（SCF）来托管和运行Gatsby网站。腾讯云的Serverless架构可以根据实际的请求量自动弹性地调整资源，并且提供高可用性和高性能的服务。云函数（SCF）可以作为Gatsby的构建和部署工具，帮助开发者自动化地构建和发布静态网站。
参考链接：
- Gatsby官方网站：https://www.gatsbyjs.com/
- 腾讯云Serverless架构：https://cloud.tencent.com/solution/Serverless
- 云函数（SCF）产品介绍：https://cloud.tencent.com/product/scf
相关·内容
我希望能够使用我的Gatsby站点中已经定义和使用的组件，用于从标记节点呈现的元素。使用样式组件，我有多个表示html元素的组件：
const PrimaryHeader = styled.h1`…`
const SecondaryHeader = styled.h2`…`
const TextList = styled.ul`…`
etc
是否存在将标记中定义的通用html元素映射为响应组件的机制，以便将标记中定义为：
# Example
由我的PrimaryHeader组件呈现。
标记样式化的唯一选择似乎是使用后代选择器将呈现的标记内容中的元素作为目标，当我已经定义了用于呈现这些元素的组件
浏览 1提问于2018-05-07得票数 0
我正在构建带有function的博客，其中post文件是.mdx，我使用gatsby-plugin-mdx的MDXRenderer将它们呈现为HTML。我使用的是.module.scss样式，但不能在呈现的HTML中使用模块，有类似于参数或函数的方法吗？
import * as React from "react";
import { graphql } from "gatsby";
import { MDXRenderer } from "gatsby-plugin-mdx";
import Layout from "../../com
浏览 7提问于2022-06-25得票数 1
1回答
我最近开始在一个简单的环境中使用Docker。
我用静态网站生成器创建了一个简单的博客。
我已经将我的应用程序封装在了docker上：
//Dockerfile
FROM node:11.9.0
WORKDIR /usr/src/app
COPY package*.json ./
RUN npm install
RUN npm install -g gatsby-cli
COPY . .
EXPOSE 8000
CMD ["gatsby", "develop", "-H", "0.0.0.0"]
所有内容都被
浏览 0提问于2019-02-12得票数 0
回答已采纳
我正在尝试做关于变压器插件()的教程的第6部分。我在src目录中创建了一个.md文件。我使用了GraphiQL并运行了以下代码：
{
allMarkdownRemark {
edges {
node {
id
}
}
}
}
这就是它的回报：
{
"data": {
"allMarkdownRemark": {
"edges": []
}
}
}
即使我在src目录中有一个.md文件。下面是我的gatsby-config.js文件：
module.
浏览 2提问于2020-01-03得票数 2
回答已采纳
1回答
我正在使用以下GatsbyJS启动器：
我正试图在一个像这样的标记文件中呈现一个图像：
标记文件位于contents/docs/templates/use-cases/us-energy-infrastructure.md
图像位于src/images/us-viz.png
结果如下：
控制台和网络选项卡显示请求的图像文件的404错误：
这是我的gatsby-config.js文件的内容：
module.exports = {
siteMe
浏览 7提问于2022-04-12得票数 -1
回答已采纳
2回答
我能够成功地将静态插件连接到我的项目中，但我正在寻找一个多地图解决方案，而不是一张地图。
有办法与gatsby-config.js文件之外的插件进行交互吗？
gatsby-config.js插件设置
{
resolve: `gatsby-source-googlemaps-static`,
options: {
key: `google maps api key`,
center: `Denver, CO`
}
}
浏览 4提问于2020-03-27得票数 2
我不太清楚我的构建发生了什么，目前gatsby develop返回指向此文件的TypeError: Cannot read property 'allMarkdownRemark' of undefined gatsby-node.js:19 graphql.then.results
C:/Users/Anders/sites/gatsby-netlify-cms/gatsby-node.js:19:20 在返回有关项目error The system cannot find the path specified.的信息后，gatsby info将返回 这是gatsby-no
浏览 41提问于2018-12-23得票数 2
回答已采纳
我希望能够在我的Gatsy博客中呈现数学方程，无论是内联模式还是显示模式。
我用Markdown写博客。
我安装了gatsby-remark-katex插件，方法是在下面的链接中跟随说明：
实质上有三个步骤：
步骤-1：安装gatsby-transformer-remark gatsby-remark-katex katex我在安装中没有犯任何错误。我在我的package.json文件中看到了这些包。
步骤2：在gatsby.config.js中添加以下代码片段。
{
resolve: `gatsby-remark-katex`,
options: {
strict: `ign
浏览 6提问于2022-06-25得票数 1
1回答
我正在尝试构建一个基于的盖茨比网站，但我很难调试与graphql模式相关的错误。我得到的错误是：
Error: Type with name "AuthorYaml" does not exists
- TypeStorage.js:44 SchemaComposer.get
[Physicc-blog]/[graphql-compose]/lib/TypeStorage.js:44:13
- TypeMapper.js:585 ThunkComposer._thunk
[Physicc-blog]/[graphql-compose]/lib/TypeMapper.js:5
浏览 2提问于2021-08-23得票数 2
回答已采纳
如果在Gatsby中，我使用<a>-tags而不是使用Gatsby提供的GatsbyLinks链接到我自己的页面，会发生什么情况？这会有什么问题呢？
浏览 7提问于2019-09-13得票数 0
我正在尝试像这个初学者那样配置我的盖茨比项目
在我的gatsby-node.js里
const path = require(`path`)
const { createFilePath } = require(`gatsby-source-filesystem`)
exports.createPages = ({ graphql, actions }) => {
const { createPage } = actions
const blogPost = path.resolve(`./src/templates/blog-post.js`)
return graph
浏览 4提问于2020-06-05得票数 6
回答已采纳
1回答
问题：
我在将第二个.yaml文件映射到盖茨比中的第二个标记前端字段时遇到了问题。该项目用于杂志，第一个yaml文件存储每个作者的详细信息，第二个文件存储每个问题的详细信息。
author.yaml文件正常工作，我可以在每个模板和页面上查询它，但是issue.yaml文件只能在两处工作:在gatsby节点中，我专门将其数据作为页面上下文传递给模板，以及(莫名其妙地)用于标价文件，其中包含“field”字段=== true。对于“功能”不存在的映射数组，或者当其为假时，每个从issue.yaml中提取数据的查询都会给出"TypeError:无法读取null的属性'id‘“。
我怀
浏览 5提问于2020-06-17得票数 1
我正在学习Gatsby.js并面临一个问题。我试图从减价中获取html文档，但首先我需要读取标记文档的前端内容。所以，我下载了gatsby-转换器备注，并将其添加到gatsby-config.js中。但是，当我打开localhost:8000/_graphql并尝试获取前端时，就没有这样的选项了。
这是我使用的一个查询：
{
allMarkdownRemark{
nodes{
frontmatter{
title
}
}
}
}
它在单词“MarkdownRemark”
浏览 1提问于2019-11-12得票数 3
回答已采纳
我试图在gatsby-config.js文件中插入快捷图标的链接，但它似乎不起作用。显然，我也在使用graphql。
module.exports = {
siteMetadata: {
title: 'xxxx',
description: 'xxxx',
keywords:
'test test test',
link: [
{
rel: 'shortcut icon',
url:
'https://xxxx
浏览 0提问于2019-10-11得票数 0
回答已采纳
1回答
我正在使用gatsby-transformer-json查询盖茨比中的JSON文件。JSON文件中有图像URL，但是它们是绝对文件路径，Gatsby只将相对路径转换为图像节点。
我的JSON：
{
"defaultImage": "images/defaultImage.jpg"
}
我的问题是：
metadataJson {
defaultImage {
childImagageSharp {
fixed(width: 3200, height: 2133) {
...GatsbyImageSharpFixed
浏览 0提问于2019-02-12得票数 3
回答已采纳
2回答
我正在使用gatsby初学者博客模板创建一个个人博客。我已经做了一些修改，以增强一些功能，虽然我没有做任何改变的图像处理。
尽管如此，当createPage从标记文件构建日志时，图像似乎并不呈现在页面上。
标记文件映像调用
 
在这里，我正在测试图像是否需要与标记文件相同的文件夹，或者与页面模板相同的文件夹--两者都不起作用。
文件
Gatsby配置
plugins: [
{
resolve: `gatsby-source
浏览 1提问于2020-04-28得票数 2
回答已采纳
1回答
我在其他地方见过这种情况，尝试过很多事情，但无法让它对我起作用。.md的身体照片将不会显示通过盖茨比-备注-图像。我已经更新了所有的最新版本，以及。
更新现在显示完整的配置文件。
配置：
const path = require(`path`)
module.exports = {
siteMetadata: {
title: `xxx`,
description: `xxx`,
author: `xxx`,
},
plugins: [
{
resolve: `gatsby-remark-images`,
opt
浏览 1提问于2020-04-30得票数 3
回答已采纳
1回答
我试图使用我的标记文件中的内联图像使用盖茨比-备注-图像。不幸的是，图像不会加载到本地主机上。我不知道这是简单的错误语法，还是我遗漏了一些激烈的东西。
这里是：(我怀疑我在某个地方做错了什么事，就在这里)
module.exports = {
siteMetadata: {
title: ``,
description: `A blog where code is written about`,
author: `@wesley`,
},
plugins: [
`gatsby-plugin-sass`,
`gatsby-plugin-sty
浏览 1提问于2019-11-19得票数 4
回答已采纳
我很难为盖茨比的v2站点添加图片来标记文章。我的网站编译没有抱怨，所有的文本内容从我的标记文件是存在的。然而，图像被破坏了。我已经抛弃了我认为是关键配置块的东西。我做错了什么？
这是我的文件结构：
src - *
| posts - *
| post_1 - *
| image.png
| index.md
这是我的插件--我已经设置了gatsby-transformer-remark来使用gatsby-remark-images。
plugi
浏览 0提问于2018-12-06得票数 0
回答已采纳
我现在正在学习Gatsby.js，我遇到了一个问题。我已经安装了transformer插件，并且我有一个.md文件，其中有标题、堆栈和段塞。 title :Place Sharing Website
stack :React.js & Node.js
slug :place-sharing
---
### You can share the places that you visited 我想查询标题、堆栈和插件。但我不能这么做。下面是我尝试这样做的代码。 allMarkdownRemark {
nodes {
frontmatter {
title
浏览 16提问于2021-07-15得票数 1
如果这个问题已经被问到了，很抱歉，但是在Gatsby从文件Markdown生成的页面中是否有一种方法可以让两个图像并排(甚至是一个图像网格)？我开始在盖茨比下创建我的第一个网站，目前，我只能一次显示一个图像，整个宽度(当我试图并排复制时，它们会把自己放在一起。)
在css上有什么可做的吗？或者配置发生在gatsby-config.js中？
如果有人有解决方案:)
非常感谢!!
这是我的.md文件中的两个图像
 
下面是关于标记我的gatsby-config.js的部分
'
浏览 4提问于2020-08-13得票数 0
我有一个Gatsby的博客，里面有一些重要的UI组件，用GraphQL获取标记文件。
在开发中，一切都很好。然而，在生产(gatsby build && gatsby serve)中，当页面是仅加载的第一个页面时，HTML要么没有显示，要么在页面加载后很快消失。如果我导航到另一个页面，并再次返回，它将正确加载。
有趣的是，当我使排版组件variant="h6"正常工作，但variant="body1"或没有variant无法正确加载。这让我觉得这与<p>标签有关。
我的内容从带有.md的GraphQL文件中获取，并通过一个带有<
浏览 3提问于2020-02-13得票数 3
当我尝试在react中启动我的项目时，我得到了这个错误，我正在使用Ubuntu系统 Found bindings for the following environments: - Linux 64-bit with Node.js 9.x 我用的是node -v : 10.13.0和npm -v : 6.11.2，这里还附上了我的package.json文件，有没有人能帮我解决这个问题？ {
"name": "gatsby-starter-hello-world",
"private": true,
"descrip
浏览 16提问于2020-08-25得票数 1
回答已采纳
我试图使用或导入静态js文件。
但是使用这两种方法，我总是能得到Uncaught SyntaxError: Unexpected token '<'。
也许是因为路径不正确，所以我得到了错误。
Try 1:
src/component/Product细节/ProductDetail.js
const ProductDetail = ({ data }) => {
return (
<>
<Helmet>
<script type="application/javascript" s
浏览 0提问于2021-04-07得票数 1
回答已采纳
1回答
所有东西都可以使用gatsby-image + gatsby-plugin-sharp + gatsby-transformer-sharp + gatsby-source-filesystem创建。
那么gatsby-remark-images是用来做什么的呢？
浏览 0提问于2018-07-24得票数 0
回答已采纳
最近我开始使用Gatsby，现在我正在尝试使用MDX，在我的MDX文件中，我可以通过GraphQL使用Gatsby，但是我想使用中的静态图像，我收到了这样的错误：
react_devtools_backend.js:2557图像未加载
当我试图在.tsx中实现这个映像时，它可以工作，所以我想知道它是否可能。
gatsby-config
"gatsby-remark-images",
{
resolve: "gatsby-plugin-mdx",
options: {
defaultLayouts: {
浏览 1提问于2021-04-23得票数 7
这应该很容易，但我正在努力让它工作..
我正在使用gatsby-source-wordpress将博客内容拉入我的gatsby站点。问题是HTML实体没有被解码，所以我看到的不是'&‘字符，而是类似'&8466;’的东西。
我想在我的gatsby-config.js文件中实现一个规范化的函数。
我在网上找到了这个函数，它应该可以解决HTML实体问题：
const decodeHTML = ({input}) => {
let txt = document.createElement('textarea');
txt.inne
浏览 0提问于2020-05-28得票数 1
我有个Gatsby博客。我正在写一组教程帖子，用于在create-react-app中编写游戏。在我的Gatsby帖子标记中，我试图链接到同一服务器上该帖子的演示react应用程序的构建版本，但Gatsby总是给我一个404页面。
我正在使用nginx。由gatsby build产生的公用文件夹中的所有内容都位于我的All服务器的var/www/html目录中。
create-react-app构建位于var/www/html/tutorials/01/内部，并且有自己的index.html文件。
在我的标记中，我尝试了这两种格式的链接：view the code [here](/tutori
浏览 0提问于2019-11-02得票数 1
我正在尝试使用带有GatsbyJS中静态查询的组件来显示html信息，形成一个标记文件。当我打印数据时，我会得到带有标记的原始HTML。
我想要显示的标题的减价和HTML文本下面。
components/contact.js
import React from "react"
import { Link, StaticQuery, graphql } from "gatsby"
const Cont = ({ data }) => (
<section className="home-banner">
浏览 3提问于2020-08-10得票数 1
我已经用gatsby-source-contentful成功地获取了数据，但是我想不出如何用markdownRemark扩展内容丰富的查询，如官方中所示。
我在gatsby-config.js中添加了gatsby-config.js，运行了gatsby clean && gatsby develop，但仍然看不到Graphiql中的childMarkdownRemark。
gatsby-config.js
module.exports = {
siteMetadata: {
title: 'Test Contentful and MarkdownRem
浏览 1提问于2019-11-24得票数 3
1回答
我是Gatsby的新手，我使用初学者Gatsby-starter-ghost开始了一个项目。起始自带Casper主题，现在我想用一个新主题替换Casper或构建一个自定义主题。 我不知道如何替换Casper，甚至找不到它在项目文件夹中的位置。有很多关于Gatsby主题和初学者的文档，但我几乎找不到任何关于gatsby-starter-ghost的文档。我翻遍了node_modules和src文件夹，甚至找不到Casper主题所在的位置。如果我用npm安装一个新的主题，并把插件放在gatsby-config文件中，它会破坏我的项目，我会收到大量的GraphQL错误。我读到过，主题通常应该在co
浏览 22提问于2020-08-17得票数 0
1回答
我正在尝试在我的Gatsby网站上创建第二个博客模板。我刚刚开始学习Javascript，所以我需要gatsby-node.js文件的帮助。 我试图复制每一行函数来创建第二个博客模板，但每次都失败了，所以如果有人可以浏览我的代码并提供正确的函数，这将是非常有帮助的。 我目前有一个“文章”模板，这是成功的工作。我想创建第二个“项目”模板。 这是我当前的gatsby-node.js文件，它只调用“文章”博客模板。 const path = require('path');
const { createFilePath } = require('gatsby-source-
浏览 31提问于2019-10-17得票数 3
1回答
在我的盖茨比( Gatsby )应用程序中，用户可以上传一个正在本地保存的图像，并在理想情况下显示，但是gatsby-image没有看到新的图像，这就是我的Image.js文件的样子。
我认为需要以某种方式刷新graphql数据，因为新的映像甚至没有显示我是否做了console.log(data.images)，但是我怎么做呢？
import React from "react"
import { StaticQuery, graphql } from "gatsby"
import Img from "gatsby-image"
const
浏览 1提问于2020-11-27得票数 2
回答已采纳
1回答
我有一个托管的Gatsby静态站点，所有的东西在生产中都很好，并且能够刷新。即使在生产中，我也可以毫无问题地刷新，但是当我单击指向一个新页面()的链接时，它将非常完美地加载。此问题是在我刷新新链接时出现的。所有的css都消失了。
这里发生了什么事？
index.js
// Imports: Dependencies
import React from 'react';
import { Helmet } from 'react-helmet';
// Imports: Pages
import Home from '../pages/Home'
浏览 4提问于2020-05-12得票数 5
回答已采纳
我正在尝试在我的Gatsby TypeScript项目中使用svg文件。我正在使用gatsby-plugin-react-svg，我在应用程序上看到的错误是 One unhandled runtime error found in your files. See the list below to fix it:
Error in function createFiberFromTypeAndProps in ./node_modules/react-dom/cjs/react-dom.development.js:25058
Element type is invalid: expec
浏览 18提问于2021-10-18得票数 1
回答已采纳
我正在使用Markdown文件为gatby生成页面。为了控制图片的样式，我使用html语法。但是，gatsby生成的页面不显示html部分。
这是我的减价文件：
---
......frontmatter......
---
......content......
<table>
<tr>
<td><img src="./images/2018/zotero/ZoteroWebDAV.png"></td>
<td><img src="./images/2018/zoter
浏览 1提问于2022-01-24得票数 1
回答已采纳
我不确定从哪里开始对gatsby/netlify问题进行故障排除。当我在本地运行gatsby develop时，我的站点看起来像是一种方式，当我部署到Netlify时，它可以用另一种方式工作。
人们从哪里开始修复/排除这类问题呢？
我的gatsby-config.js
const dotenv = require("dotenv")
dotenv.config({
path: `.env.${process.env.NODE_ENV}`,
})
module.exports = {
siteMetadata: {
title: `Berlin Music M
浏览 0提问于2019-11-07得票数 2
我使用gatsby和插件gatsby-source-filesystem和gatsby-transformer-remark将标记文件显示为页面，如中所描述的那样。
它很好用，但我正在寻找一种方法，将默认类添加到所有从减价转换而来的元素中。
假设我希望每个<h1>元素都有一个title类，而<h2>元素在默认情况下拥有一个subtitle类。
我成功地在gatsby-remark-attr中实现了这样的操作，但是我只能通过编程方式在markdown文件中添加类。看起来是这样的：
# My markdown heading
{.title}
## Subtitle
{.
浏览 1提问于2019-02-01得票数 5
回答已采纳
我试图建立一个盖茨比网站支持的Wordpress CMS。我正在按照这里的说明。
当我尝试在提供的模板上运行gatsby develop时，我会得到大量关于不存在的字段/节点的GraphQL错误。以下几个要点：
Field "databaseId" is not defined by type WpNodeWithAuthorToUserConnectionEdgeFilterInput.
Cannot read property 'allWpPost' of undefined
Cannot query field "menuItemId" o
浏览 5提问于2020-08-14得票数 1
我正在使用gatsby和gatsby，我希望img标记(Logo组件)在被呈现为html时具有一个className of logo，gatsby图像文档说，如何将它传递给道具。我仍然不太理解反应，所以需要帮助理解这里是我的代码。
logo.js
import React from "react"
import { StaticQuery, graphql } from "gatsby"
import Img from "gatsby-image"
/*
* This component is built using `gatsby-imag
浏览 1提问于2019-03-03得票数 2
回答已采纳
1回答
我正在改造盖茨比的博客，这个博客速度很快，一切看起来都很完美，但我面临着不同的问题，因为我通过Netlify CMS获得的图片没有在博客中正确显示，图像看起来很模糊。我不知道这里出了什么问题。
下面是问题语句的示例
以下是我的gatsby-config.js的摘录。
plugins: [
`gatsby-plugin-sitemap`,
`gatsby-plugin-netlify-cms`,
{
resolve: 'gatsby-source-filesystem',
options:
浏览 1提问于2020-03-22得票数 1
回答已采纳
我在让一些像<sup>和<sub>这样的超文本标记语言元素与gatsby-plugin-mdx一起工作时遇到了麻烦。
我在gatsby-plugin-mdx文档中找到了以下代码。你可以像这样向gatsby-plugin-mdx添加原生的remark插件：
module.exports = {
plugins: [
{
resolve: `gatsby-plugin-mdx`,
options: {
remarkPlugins: [require("remark-abbr")],
},
浏览 31提问于2020-02-20得票数 1
回答已采纳
1回答
我已经安装了npm包引导程序+将其导入到gatsby-browser.js文件中(见下文)。引导CSS可以工作，但问题是我一直在控制台中获取此错误消息。我做错了什么？
可能出现的问题：
我需要安装react引导吗？
另一个盖茨比插件？
我是不是错过了额外的盖茨比设置？
错误：
[Error] Not allowed to load local resource: blob://nullhttp//localhost:8000/bootstrap.min.css.map
[Error] Not allowed to request resource
[Error] Canno
浏览 21提问于2020-07-14得票数 1
我在盖茨比的网站上工作，这是到目前为止进展顺利的发展。然而，在为产品构建时遇到了一个问题，即我们在各种页面索引文件中没有获得任何静态html，相反，看起来Gatsby将尝试从javascript注入页面，这与我们的预期相反。 我看过一些关于Gatsby离线插件的帖子，我已经禁用了它，但这并没有解决这个问题。我们的页面不包含静态html输出，我期望react-helmet注入的元内容也不存在。 有没有关于如何调试构建的建议，以查看可能会重置静态输出并将其替换为动态生成的Gatsby引导程序代码。 用于该站点的插件有： plugins: [
`gatsby-plugin-react
浏览 48提问于2019-10-04得票数 3
回答已采纳
使用GatsbyJS，我试图在我的主页上用GraphQL查询我的博客帖子的正面内容( MDX )，这也是一个MDX文件。 我一直在关注Gatsby's guide如何做到这一点，但我一直收到错误消息"TypeError: props.data.allMdx.edges.node is undefined“ 我要在"scr/pages/index.mdx“上查询的页面 import { graphql } from "gatsby"
import Container from "../components/container"
impor
浏览 20提问于2020-01-20得票数 0
回答已采纳
我希望能够从ACF选项页检索数据。我可以在中获取我的值，但不能在我的项目中获取。
import React from "react";
import { graphql } from 'gatsby';
const Users = ({ data }) => {
return (
<div id="Users">
{
data.allWordpressAcfOptions.edges.node.options.employees.map(empl
浏览 11提问于2019-11-14得票数 1
1回答
我已经建立了我的Gatsby项目。
通过在"page“中定义组件，我知道如何创建一个Route。现在我想创建一个动态路由，这样我就可以传递我的channelId了。盖茨比也有类似的方法吗？
编辑：
我在：下面读到，我可以像这样设置一个路径："/src/pages/channel/channelId/details.tsx“，然后像"/channel/13/details”这样的url就可以工作了。与"gatsby-node.js“方法相比，我更喜欢这种方法。我的频道来自一个自制的API。我的文件结构看起来像这样：
frontend
-src
浏览 7提问于2021-11-10得票数 0
1回答
App.js从"../hooks/use-site-metadata“导入{ useSiteMetadata } 导出默认函数() { const { projectItems }= useSiteMetadata() return (
<Box flex flex-wrap items-start mb5>
{projectItems.map((value, index, category) => {
return (
<ProjectItem
key={index}
浏览 26提问于2020-09-22得票数 0
编辑
我想我对我的问题不太清楚。
问题是，sourceInstanceName正在返回问题中显示的空数组，即使文件夹中有内容和.md文件。
大家好，我在用graphql查询文件夹时遇到了问题。
你看我有这样的文件结构：
/content/posts/Journeys/{FILENAME}.{EXTENSION}
/content/posts/Blog/{FILENAME}.{EXTENSION}
我想查询文件夹名称(又名旅行或博客)，而不是内容。
我可以使用以下方式进行查询：
query test2 {
journeys: allFile(filter: {sourceInstanceNa
浏览 2提问于2020-07-24得票数 0
回答已采纳
1回答
带imgix的盖茨比
、、、
我目前正准备从WordPress迁移，我正在认真考虑盖茨比。
在WordPress土地上，我使用卸载和处理我的图像，我感兴趣的是如何通过盖茨比来实现这一点。
虽然我已经找到了，但我找不到任何涉及使用Imgix和Gatsby的文档。
我能和盖茨比一起用这个吗？
我可以使用Gatsby在Markdown文件的前端指定imgix图像吗？
任何关于处理Gatsby中imgix外部图像的最佳方法的信息都将是很棒的。
浏览 3提问于2018-10-29得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
