我想检索对 Google Analytics(分析)帐户的访问权限。Google 建议我在网站的根目录创建一个 analytics.txt 文件,以便htttp://my-site.com/analytics.txt.
如何.txt使用 Gatsby手动将文件放置在站点的根目录下?Gatsby 将 JS 文件编译成 HTML。我尝试在/public文件夹中手动放置一个 analytics.txt 文件,但这似乎也不起作用。
Gatsby 文档对这个主题没有帮助。
我们正在使用 Netlify 部署站点并将源代码存储在 Git Lab 上。
任何帮助,将不胜感激。
我有这个:
export const pageQuery = graphql`
query {
site {
siteMetadata {
title
}
}
allMdx(sort: { fields: [frontmatter___date], order: DESC }) {
edges {
node {
excerpt
fields {
slug
}
frontmatter {
date(formatString: "DD 'de' MMMM, YYYY", locale: "pt")
title
description
}
}
}
}
}
`
Run Code Online (Sandbox Code Playgroud)
在该行中 ->>
date(formatString: "DD 'de' MMMM, YYYY", locale: "pt")
我必须插入字符串,但此“de”不起作用。我知道我想显示这样的日期:
25 de March, 2020.
但结果是:
25 '32' March, 2020.
我知道这行不通,我知道为什么,但我做对了。我正在使用 Gatsbyjs 和 graphql
初学者在这里。
尝试从服务器获取一些数据并在获取后将其显示在我的反应组件中。但是,我在将异步函数集成到我的反应组件中时遇到了麻烦。
import React, { useState } from "react";
import { request } from "graphql-request";
async function fetchData() {
const endpoint = "https://localhost:3090/graphql"
const query = `
query getItems($id: ID) {
item(id: $id) {
title
}
}
`;
const variables = {
id: "123123123"
};
const data = await request(endpoint, query, variables);
// console.log(JSON.stringify(data, undefined, 2));
return data;
}
const TestingGraphQL = () => {
const data = fetchData().catch((error) => console.error(error));
return (
<div>
{data.item.title}
</div>
);
};
export default …Run Code Online (Sandbox Code Playgroud) 我正在用 gatsby 写一个博客,但是,这Link不适用于mailto
这是我的代码。它让我http://localhost:8000/mailto:kjcoco13@gmail.com
想到我想将它Link用于外部。
<Link to='mailto:kjcoco13@gmail.com'></Link>Run Code Online (Sandbox Code Playgroud)
我想将 use-shopping-cart ( https://useshoppingcart.com/ ) 添加到我的 Gatsby 项目中。当我尝试使用它时,出现此错误:
BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules
by default.
This is no longer the case. Verify if you need this module and configure a
polyfill for it.
If you want to include a polyfill, you need to:
- add a fallback 'resolve.fallback: { "crypto":
require.resolve("crypto-browserify") }'
- install 'crypto-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
resolve.fallback: …Run Code Online (Sandbox Code Playgroud) 例如,我有该段落的下一个查询:
query ParagraphText {
field_title
field_body
field_subtitle
field_image
field_button
}
Run Code Online (Sandbox Code Playgroud)
我在首页上使用了这一段。但我也在另一个页面上使用了这一段,但我不希望这个查询有按钮。有机会扩展片段吗?
fragment ParagraphText on paragraph__text {
field_title
field_body
field_subtitle
field_image
}
fragment ParagraphTextWithButton extends ParagraphText {
field_button
}
Run Code Online (Sandbox Code Playgroud) 过去 7 个月我一直使用 Macbook Pro M1 进行 Web 开发。
最近,在启动我的开发服务器(使用 Vite 和 Gatsby 进行 React)大约 1-2 分钟后,我在 Chrome 中收到 ERR_NO_BUFFER_SPACE,并且我没有互联网连接。
我使用非 M1 Macbook 的同事没有遇到同样的问题。
我部署了 Gatsby + Netlify 站点,并且 cms 插件在 gatsby-config.js 下配置如下:
{
resolve: 'gatsby-plugin-netlify-cms',
options: {
modulePath: `${__dirname}/src/cms/cms.js`,
},
},
Run Code Online (Sandbox Code Playgroud)
该网站已启用 https,但我只能选择使用 github 登录,并且需要启用 Netlify 身份登录。
有什么线索吗?
我有一个没有文件的 git 文件夹,所以我想使用 Gatsby CLI 在该文件夹中创建一个项目。使用gatsby new .但失败的是存储库不是空的,但它只有.git文件夹。我可以使用哪些替代方案来实现我的目标。
我在 react 上使用 gatsby 并有一个带链接的导航菜单,希望在单击链接时在当前页面中显示边框底部,此时边框仅在悬停时出现。
<ul className="men" id="menu">
<li className="menuSob">
<Link className="menuItem" to="/about/">
sobre a magnet
</Link>
</li>
<li className="menuRep">
<Link className="menuItem" to="/representacoes/">
representacoes
</Link>
</li>
<li className="menuServ">
<Link className="menuItem" to="/servicos/">
servicos
</Link>
</li>
<li className="menuContent">
<Link className="menuItem" to="/conteudo/">
conteudo
</Link>
</li>
<li className="menuCont">
<Link className="menuItem" to="/contato/">
contato
</Link>
</li>
</ul>Run Code Online (Sandbox Code Playgroud)
gatsby ×7
javascript ×7
reactjs ×6
graphql ×4
netlify ×2
async-await ×1
asynchronous ×1
css ×1
html ×1
macos ×1
netlify-cms ×1
react-apollo ×1
vite ×1
webpack ×1
websocket ×1