我试图了解盖茨比JS生成的JS文件的到期头。官方网站上有一篇关于缓存的文章:。作者建议使用缓存控制:public,max age=0,必须重新验证JS文件的头
我想缓存所有JS资源。使用缓存控制:max age=31536000,public,可能会产生什么影响?目前,我使用的是1.9.192version,JS文件哈希在每个版本上都是不同的
顺便说一下,有一个离线的gatsby插件,它允许使用服务工作者缓存JS资源。那么,我不应该使用长期浏览器缓存的原因是什么呢?JS文件名经常更改,但webp
运行后,静态文件出现了一个奇怪的问题gatsby build
DOM的属性(如className)无法通过监听道具更改来更新,但DOM的内容(如文本或DOM的子项)则无法更新
只发生在盖茨比建造之后,又名SSR
//Verison 1,不工作
const ThemeProvider = ({ isLight, children }) => {
return (
<div className={isLight ? 'light-theme' : 'dark-theme'
我正试图在我的盖茨比网站上设置动画。我可以使用AniLink让所有默认动画正常工作——除了我想使用的动画!刷、盖和滴水都是100%功能性的,但当我插入“淡入淡出”时,它就不起作用了
使用盖茨比2.4.17
我试图安装盖茨比插件布局,看看这是否有助于动画。我最终无法让布局插件正常工作。我又回到了先前的承诺,几个小时后我不知所措。我克隆了一个使用AniLink fade的工作示例repo,它可以正常工作,所以我想我的项目可能有问题。奇怪的是,所有其他默认动画都可以正常工作
标题代码:
从“盖茨比插件
我不知道我的电脑上的盖茨比出了什么问题,似乎我没有安装所有应该安装的依赖项。请有人帮帮我
npm错误!失败sharp@0.23.2安装脚本。npm错误!这可能不是npm的问题。上面可能还有其他日志输出。看起来夏普在32位环境下的最新版本是v0.11.4,您正在尝试安装0.23.2。根据这一问题:
和盖茨比文件:
某些依赖于本机NPM依赖项的插件需要该节点
Node.js的x64版本。如果您正在努力安装
gatsby plugin sharp,尝试安装Node x64并卸下Node_模块
并运行
我最近克隆了我的网络。在克隆的github repo上通过netlify进行部署后,出现以下错误
gatsby-plugin-netlify-cms" threw an error while running the onCreateWebpackConfig lifecycle:
Module build failed (from ./node_modules/gatsby/dist/utils/babel-loader.js):
这在最初的网站上从未发生过gatsby devel
我有一个Contentful的内容类型,用于我网站的其他功能。它是包含长文本字段的通用内容类型
在本例中,我只是输入一个数字,我的盖茨比网站使用该数字对不同的数据源进行分页(即:将该值设置为15,它将一次显示15个项目)
因为我希望该字段用于多种用途,所以它允许降价
不知何故(magic?gatsby transformer remark正在拉入这些字段并使它们成为allMarkdownRemark下的节点,我只想从我的/src/pages文件夹中拉入.md页面
我没有遇到的问题是,我的onCr
标签: Gatsby
netlify-cmsgatsby-image
像许多人一样,我想做的就是能够使用NetlifyCMS的简单gastby博客。有一秒钟,我能得到一个图像出现,但此后再也没有出现过。我在其他帖子中尝试了无数的解决方案,但我一无所获。现在已经三天了
我有一个共同点:
Field "image" must not have a selection since type "String" has no subfields
有人能看看我的代码,看看我是否遗漏了什么吗
config.yml
backend:
我正在尝试使用和管道将JSON文件中的图像加载到GraphQL中。内容节点已创建,但缺少childImageSharp和gatsbyImageData属性,这使我相信我的设置有问题
我在Github上创建了一个最小的示例,以使问题重现:
项目结构
src
├── data
│ └── projects.json
├── images
│ └── projects
│ ├── adam-vradenburg-sWAAhaoVuko-unsplash.jpg
│ ├─
我正在使用盖茨比源wordpress的盖茨比JS。我可以从示例网站和我的其他WP博客中获取帖子,但我无法让它在我的开发网站上运行。我有一个错误:
无法读取未定义的属性allWordpressPage
另外,如果您在使用盖茨比源wordpress插件时遇到问题,那么当我运行时,npm run developer盖茨比不会发布任何帖子。您可能需要将WP中的permalinks设置更改为使用查询参数的“普通”以外的其他设置(www.yoursite.com?p=123)。我也遇到了同样的问题。解决问题
我已经在Digital Ocean上使用“gatsby build”部署了我项目的构建版本。当我尝试使用菜单导航时,它显示404页。甚至一些引导的CSS和其他CSS&JS文件在部署构建后也会丢失
该项目通过“盖茨比服务”在本地机器上运行良好。但不是在数字海洋上
回购:
url:您提供的url返回403响应。您可能没有正确配置nginx。您知道如何在DigitalOcean上部署gatsby应用程序吗?我尝试了多种方法,但发现404错误
我正在尝试使用postsss hexrgba转换颜色,但我的设置似乎有问题。首先,我有以下代码:
背景色:rgba(主题('colors.grey'),0.1)
theme('colors.black')从某个库(#000)返回十六进制值
如果我刷新页面,我会得到:
`rgba($color,$alpha)`的参数`color`必须是颜色
如果我有:
背景色:rgba(#000,0.1)
现在我相信我的设置有问题,但我无法解决
我使用的是gatsby,在我的gatsby config.js中,我
盖茨比中的graphql标记是。。。挑剔的如果尝试在其中使用字符串插值:
import queryString from './queries/someQuery'
import { graphql } from 'gatsby';
export const query = gql`${queryString}`;
你会得到:
graphql片段中不允许使用字符串插值。包含的片段应被引用为…MyModule\u foo
我的问题是,有没有办法在普通('hello world')字符串上而不是
标签: Gatsby
google-search-console
因此,我们已经将我们的网站从wordpress迁移到gatsby,并将其部署在gcp上,现在是
正在显示所有路由,每个路由的末尾都带有/index.html,并且正在301重定向到/
我们担心这可能会对我们的搜索引擎优化分数产生负面影响
当我使用gatsby develop运行应用程序,然后更改源代码时,gatsby将尝试更新应用程序,而无需重新加载整个页面,理论上比重新加载页面快。但有时它可能会抛出一个错误,我将被迫重新加载页面
在我的例子中,它几乎总是抛出一个错误,因此我花费更多的时间等待错误显示,然后手动刷新页面(错误将消失,因为它首先是由“快速”页面更新引起的)。那么,如何告诉盖茨比为我刷新页面(就像CRA的默认网页配置一样)
当我试图从contentful构建我的gatsby站点时,html标题(即h1元素)附带了一个“额外”svg元素,包括一个锚标记,而不仅仅是我打算从contentful发布的标题元素
当从contentful中获取资源时,有没有其他人看到过这种行为?如果我只想在我的站点中添加标题元素,而不是contentful添加的额外内容,那么未来的方向是什么
谢谢大家! 有内容的GraphQL API只返回标记字符串。它不返回HTML。由gatsby&plugins完成从Markdown到HTML的转换
我已经使用该模板创建了一个新站点,并且升级到了Node.js的最新版本(12.16.1)和Gatsby的最新版本(2.20.1),但是我无法在IE或原始边缘浏览器中呈现该站点。我尝试了很多在网上找到的东西,我也在注入polyfill.js。事实上,我已经尝试将另一个polyfill直接注入到系统中以支持“forEach”,但仍然得到一个空白页,并且出现以下错误:
对象不支持属性或方法“forEach”
有人可以帮忙吗?您可以在package.json中指定浏览器支持:
{
"browsers
标签: Gatsby
google-font-apigatsby-plugin
我在盖茨比中的主字体是在index.scss文件夹中定义的,就像在body标记中定义的那样
body {
font-family: "Trebuchet MS", "Helvetica";
font-size: 16px;
}
对于标题,我想使用google字体,并尝试使用以下插件预加载:
{
resolve: `gatsby-plugin-google-fonts`,
options: {
fonts:
在我的盖茨比项目中,我有gatsby node.js导出两个绑定动作创建者:onCreateNode和createPages。通常这些运行正常-当onCreateNode运行时,我使用一些现有节点创建我想要的节点,然后createPages使用其中一些节点创建页面
然而,有时在终端中运行gatsby develope时,我会得到:
GraphQLError:无法查询类型“RootQueryType”上的字段“allBusiness”。你是说“allBusinessesJson”吗?
及
Type
我已在本地安装了此Gatbsy站点:
与:
它显示得很好,网站的工作方式与在线演示一样
但是,现在我想把它作为我自己网站的基础,因此我在寻找/src目录,以便我可以更改代码,就像在其他盖茨比初学者网站中一样(例如,盖茨比初学者默认网站:https://www.gatsbyjs.org/starters/gatsbyjs/gatsby-starter-default)
我知道所有盖茨比网站都有一个/src目录,或者不是这样?这个网站的代码在哪里?我只找到了/content(标记文件)和stati
当我运行gatsby develope时,它会正确生成我的站点,在终端或浏览器控制台中不会出现任何错误。但是,当我运行gatsby build时,终端没有显示错误,但浏览器控制台包含错误,静态生成的站点无法正确显示我的内容
这是我在我的浏览器中看到的关于盖茨比构建的错误:
history.js:90 Uncaught (in promise) DOMException: Failed to execute 'replace' on 'Location': '//' is not a valid
我正在努力让盖茨比形象公司以一种快速响应的方式与flexbox合作:
我希望我所有的图片大小和高度都相同,并且它们应该对手机和桌面有响应
这是盖茨比图像的用例吗
我能让它显示出来的唯一方法是添加一个固定的minWidth:
<div className={styles.header}>
<GatsbyImage className={styles.image} fluid={image.fluid} style={{ minWidth: '100px' }} />
带有我的图像的标记页面正在被gatsby remark copy linked files正确使用和链接,但我需要构建一个带有图像URL的JSON提要。因此,我需要在gatsby remark copy linked files复制链接文件后访问图像的路径
如何查询以查找图像路径,这些图像是gatsby remark copy linked files用于构建标记的?gatsby remark copy linked files仅将文件复制到public文件夹。你是说盖茨比评论图片吗?后者会自动
当我打开盖茨比网站的主页时,第二和第三篇博文的摘录就消失了
复制步骤
使用盖茨比初学者博客创建新项目
gatsby新博客https://github.com/gatsbyjs/gatsby-starter-blog
建设和服务网站
gatsby构建
盖茨比发球
打开urlhttp://localhost:9000/
第二和第三篇博文中的摘录消失了
页面重新加载后,将显示摘要
清除页面缓存(Google Chrome中的Cmd+Shift+R)或在“匿名”选项卡中打开页面后,可以再次复制该错
我的gatsbyonCreateNode中有一些条件逻辑,其结果如下:
exports.onCreateNode = async ({ node, actions }) => {
// Other stuff...
/* If all `embed` results are null here,
* the field will not be created on the graphql schema
*/
const embed = await getFormEmbed
使用gatsby-cli@2.12.98
我已经开始学习Gatsby.js了,第一步就结巴了。安装gatsby cli后,我无法启动新项目。我的文件夹为空,正在运行以下命令:
gatsby new gatsby-tutorial
gatsby
sudo npm i -g gatsby-cli
在这个命令之后,我得到了一个错误
/usr/local/lib/node_modules/gatsby cli/node_modules/yoga-layout-prebuild/yoga-layou
标签: Gatsby
tailwind-cssgatsby-theme
我正试图通过twin.macro将tailwindcss纳入我的自定义盖茨比主题。我正在使用Thread工作区,项目目录树的设置如下:
./site - The actual site which contains the content
./packages/gatsby-theme-custom/** - The Gatsby theme
因此,我的网站引入了gatsby主题定制,并用自己的内容填充它
到目前为止,tailwindcss本身的集成效果良好。现在,我正试图将一个tailwin
我有两个标记文件,一个引用其初始图像的相对图像,另一个引用外部图像
---
cover: relative.jpeg
---
Content Foo
及
我想用GraphQL引用这两个图像,就像这样
query {
allMarkdownRemark {
edges {
node {
frontmatter {
cover {
childImageSharp {
fluid{
标签: Gatsby
server-side-rendering
我对在我的一个爱好项目中使用盖茨比感兴趣。我已经读了一些关于它的书,并且有一些关于它是否合适的快速问题。该项目大约有30-50条路线(包括/路线),内容每15或30分钟更新一次。目前,我使用react to server side渲染页面并将其发送回浏览器
我已经读到gatsbyJS生成站点的静态版本(并且没有涉及节点服务器)。这是否意味着页面不会在服务器端呈现,而需要更新的内容基本上是在客户端呈现的(从服务器获取数据之后)
盖茨比JS是否适合内容经常变化的项目?gatsbyJS基本上可以提供相
我正在使用gatsby插件mdx和gatsby。我已经在frontmatter中添加了一个草稿字段,并且我希望在节点_ENV为生产“时将其值覆盖为始终为false。请注意,gatsby plugin draft似乎没有修改MDX AST,并且与gatsby plugin MDX不兼容。您可以在onCreateNode方法中执行此操作
您可以执行以下操作:
// onCreateNode.js
const { createFilePath } = require('gatsby-source-fi
我在用盖茨比。最近一切都很好,直到我运行了npm update,因为我想确保自己是最新的。从那时起,我得到了白色页面,我导航到这个错误
我相信这个错误只会在页面未加载时发生,而不是根本原因。我希望纠正页面未加载的根本原因
环顾四周,似乎这可能是服务人员的问题,所以我按照《盖茨比指南》删除了服务工作,但运气不好
例如,该错误仅在导航到某个页面时发生
<Link className="nav-link" to="/news">News</Link>
冒烟枪是我用的插件
“
标签: Gatsby
netlifynetlify-cmsgatsby-imagegatsby-plugin-mdx
我遇到麻烦的回购协议是
这是我的gatsby-config.js。至少是相关部分
{
解析:`gatsby源文件系统`,
选项:{path:`${\uu dirname}/content`,name:`content`},
},
{
解析:`gatsby源文件系统`,
选项:{path:`${\uu dirname}/content/assets`,name:`assets`},
},
{
解析:“盖茨比插件根导入”,
选项:{
src:path.join(uu dirname,“src”),
标签: Gatsby
gatsby-imagegatsby-plugin
我正试图安装盖茨比插件图像通过npm根据文件
接收到终端中的以下错误:
$ npm install gatsby-plugin-image gatsby-plugin-sharp gatsby-source-filesystem gatsby-transformer-sharp
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving:
我已使用盖茨比文档步骤将盖茨比安装到mac中。
使用此命令行“npm安装-g gatsby cli”。但我无法创建盖茨比项目。我的终端出现“-bash:gatsby:command not found”错误。另外,尝试“sudonpm安装gatsbycli-g”,但我得到了相同的错误。我可以在堆栈溢出上看到类似的问题,但提供的解决方案无法帮助我解决。您可以尝试使用命令行npx gatsby new gatsby site
npx为您提供了使用某些CLI(如CreateReact应用程序或Gats
我正在本地运行gatsby develop,并尝试在外部CMS中进行更改时使用/\uu refreshwebhook刷新页面上的内容。现在我只是测试手动点击我的本地webhook。这成功地重新运行了sourceNodes和createPages,但是,我的很多数据是动态的,实际上是作为动态生成页面的页面上下文的一部分传递的。无论出于何种原因,最初使用gatsby develope(第一次运行)为我的页面创建的page data.json,即使我正在创建每个页面,也不会刷新
还有其他人遇到过这种情
我目前正在盖茨比的一个网站上工作,试图弄清楚如何推迟我的js脚本,以便在加载DOM后它们可以与DOM交互。我试着把它们放在我的html.js文件的正文底部,但它们仍然在dom paint之前加载。我还尝试向脚本中添加了defer。我通过使用React头盔并向脚本标记添加defer属性,暂时解决了这个问题
我正试图使用“盖茨比图像”中的Img显示图像。我正在使用graphql从src/images目录中提取图像数据
查询返回数据,以下是控制台输出:
file:
id: "f5c79f46-ac62-5305-9093-3087798d574f"
childImageSharp:
id: "60159a12-0e63-532a-b95a-9f2714358d00"
fluid:
base64: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAA
昨天和几个月来,通过Contentful添加博客帖子,触发Netlify上的构建钩子,一切正常。今天,一个新的博客帖子通过Netlify添加和构建钩子不起作用。在本地运行盖茨比开发(gatsby develop)或盖茨比构建(gatsby build)时,一切都正常,新的博客帖子也在那里
以下是Netlify上的错误:错误“gatsby node.js”在运行createPages生命周期时引发错误:
下午7:19:16:减速器不得调度行动:
已尝试通过Netlify“清除缓存并部署站点”按
我启用了盖茨比网站,但有时它会在普通浏览器中抛出“无法访问网站”,但在匿名浏览器中,它运行良好。谁能告诉我这个问题与什么有关?提前谢谢
我已经创建了一个Sanity.io CMS,在输入内容之后,我对模式进行了一些修改。现在的问题是,内容仍然保存在cms中的某个地方,我无法将其删除。我将已更改/删除的文档重新导入schema.js文件,并通过studio将其删除。目前,另一种选择是使用API删除记录。我将已更改/删除的文档重新导入schema.js文件,并通过studio将其删除。目前,另一种选择是使用API删除记录。有几种方法可以删除在Studio中不再可见的文档:
让Studio呈现旧文档,或者暂时放回原始模式,或者定义一个
我想用盖茨比去拿300字的新闻稿。但我不知道如何增加每次接受的每页的数量。
这就是我使用盖茨比从WordPress获取数据的方式
resolve: 'gatsby-source-WordPress',
options: {
baseUrl: '******',
perPage: 1000,
hostingWPCOM: true,
protocol: 'https',
useACF: true,
auth: {
wpcom_app_clientSecre
不幸的是,我们使用的是Gatsby,但是前面提到了它的许多特性,比如GraphQL。我想仍然使用盖茨比图像。尽管我无法从调整大小的转换中获益,但我希望获得其他好处,如延迟加载和占位符。有没有办法只通过传递url而不是传递GraphQL查询的结果来实现这一点?用户可以在前面的GraphQL上找到一个页面。简而言之:不,盖茨比图像不是设计用于盖茨比GraphQL数据层之外的工作。虽然可以在没有GraphQL的情况下进行构建,但您将失去许多将盖茨比与替代品区分开来的优势。引述:
在盖茨比网站中也可以使
Gatsby build正在将所有样式绑定到一个文件中,我只想捆绑那些在特定页面上使用的样式,这样我们就可以减少捆绑的大小。使用模块css,我想你可以将你的css文件命名为myfile.module.css来自动产生这种行为。使用模块css,我想你可以将你的css文件命名为myfile.module.css来自动产生这种行为行为
我想使用”或一些易于从键盘输入的东西,而不是&apos关于如何做到这一点有什么想法吗?我试图逃跑,但还是没成功
---
title: 'that's great'
---
此外,如果某些页面存在此错误,构建也不会失败,因此基本上它会遗漏错误,我发布的一些页面现在丢失了。前面的内容是YAML,这可能会让人有点困惑,因为它如何根据使用的字符串样式转义字符。在本例中,我们使用单引号字符串。根据,在单引号字符串中,可以通过将单引号加倍来对其进行转义
你的例子是:
---
标题:“太好了”
---
如
我无法使用gatsby cli克隆gatsby-starter-default.git,因为它使用的是被防火墙规则阻止的“git”url
我也尝试将以下内容添加到git配置中,但仍然没有什么乐趣
git config--全局url。“https://”。而不是git://
下面是输出
gatsby new gatsby-site
2017-10-24T20:57:34-0500 <log> init-starter.js:107 (clone) Cloning git repo gi
当我运行gatsby develop并尝试在chrome开发工具中添加断点时,只能在行的开头添加断点,但我不能在其他任何地方添加断点
除了我使用的插件之外,我还没有在我的gatsby配置中添加任何其他内容。您需要为Webpack添加配置以输出源地图
在gatsby-node.js中,添加以下内容:
exports.onCreateWebpackConfig = ({ actions }) => {
actions.setWebpackConfig({
devtool
我目前正在将NetlifyCMS集成到我的盖茨比项目中,我一直在允许选择多个图像。我没有指定任何媒体库,因为我只想将这些图像直接存储在我的repo中。我使用的是盖茨比插件netlify cms,并将此配置用于我的收藏
- name: "post"
label: "Posts"
label_singular: "Post"
folder: "example/data/posts"
create: true
slug: "{{year}}-{{month}}-
我想为我的公司,应该有以下特点的网站
可以在服务器端进行渲染
燃烧得很快
适合搜索引擎优化
易于维护
您能告诉我gatsby是否适合此要求,以及如何使用gatsby制作我的网站服务器端渲染吗?是的,gatsby适合您的要求
官方文件中有很多信息需要提供
我建议
通过
然后选择一个网站,继续建设你的网站
是的,盖茨比适合你的要求
官方文件中有很多信息需要提供
我建议
通过
然后选择一个网站,继续建设你的网站
我想在我的公用文件夹中为我的index.html页面添加一个标题和描述元标记,以提高SEO,但盖茨比在其gitignore文件中有index.html。我可以从gitignore中删除index.html而不破坏任何内容吗?有没有一种不同的方法来更新index.html,而不必每次通过git时都重置它 公用文件夹由Gatsby在每次生成时创建,如果向公用文件夹添加任何内容,则下次生成运行时将覆盖该文件夹
按照
/public自动生成。生成过程的输出将在此文件夹中公开。应添加到
.gitignor
我们的网站目前在Drupal7上。它接近40万页。文章和产品清单。我们主要依靠搜索引擎优化的流量
我们希望移动到更现代化的平台,并希望将CMS与前端分离
我倾向于使用prismic.io作为编辑CMS,我们的产品在一个单独的数据库中。我的理解是,盖茨比可以帮助统一不同的数据源,以便在前端对它们进行相同的处理
我也喜欢盖茨比给你的速度。这是相当令人印象深刻的
我听说react不是搜索引擎优化的最佳选择,但在盖茨比的网站上读到,情况并非如此
我读过盖茨比在大型网站上臭名昭著。生成页面可能需要30多分
如何在不使用盖茨比云的情况下在斯特拉皮(后端)/盖茨比(前端)中启用预览选项
我用过盖茨比云彩,效果很好。但我希望自己实现这一功能,因为gatby cloud for enterprise非常昂贵。依赖于您的问题的想法有些复杂,需要大量实现
实际上,您需要使用webhook在您的环境中触发develop/build命令。这在Strapi3.x.x中是可能的,正如它们的测试版所示,但它仍然是一个测试版功能
一些CMS(比如DatoCMS)公开了一个选项,可以在每次内容更改时重新加载提供的数据,但对
1 2 3 4 5 6 ...
下一页 最后一页 共 14 页