Gatsby Netlify将图像另存为>;-https://raw.githubusercontent.com

我的netlify管理员开始将这样的图像保存到降价文件中 image: >- https://raw.githubusercontent.com/<user>/<repo>/master/static/img/myimage.png 这是版本(2.5.x)中创建的已知问题 请确保升级到netlify cms的版本。是否从github上托管的页面拖放图像?否,从本地设备上载,或选择已上载的图像。当我在admin中打开图像库时,所有图像都将其作为src属性 ima

Gatsby 盖茨比与盖茨比主题docz

我有一个盖茨比的博客。我还想使用docz来记录我的react组件。然而,我似乎无法在我的应用程序中同时使用这两种功能。每当我运行$warn start时,我只会看到我的docz页面,而不是我的博客。我如何使用$warn start运行我的博客,并且仍然使用其他命令运行我的docz文件?谢谢 //gatsby-config.js require('dotenv').config(); const colors=require('./src/utils/colors'); const{GRAPHQL

Gatsby 盖茨比在生产中发展选择权

我在想我能用盖茨比做些什么。在GJS中开发时,您可以动态编译站点,但发布时,您只能获得静态站点。是否可以在生产站点中进行动态编译,以便GSJ查看git或目录中的更改,并自动编译从降价到博客文章和站点页面的更改? 其吸引力在于简单性,这样团队就可以使用像GitHub这样的系统来编写和部署GitHub,只需添加到主分支。 您知道如何在GSJ或其他NodeJS框架中获得此动态编译吗 在此处耦合选项: -要测试的空闲层,它将监视GitHub提交并根据需要重建,然后将其推送到主机、CDN等 使用Travi

Gatsby 斯特拉皮从盖茨比获取数据时返回404错误

我用的是盖茨比起动器: 当我在寻找一些东西向盖茨比和材料用户界面介绍我自己的时候 我的第一个目标是将Netlify CMS更改为Strapi CMS,我遵循了以下步骤: 从gatsby-config.js、package.json和make uninstall中删除了Netlify插件 将Strapi添加到项目中: npm安装--保存gatsby源代码strapi 并将插件添加到gatsby-config.js 下面是我如何将Strapi插件添加到gatsby-config.js的: 下面是

Gatsby 如何在上传到Algolia之前更改slug

我正在我的盖茨比网站上实现Algolia搜索。我需要正确格式化我的内容的片段,以便Algolia获得正确的链接 我的查询从Contentful获得的slug类似于/icon name/ 我需要它匹配从我的Gatsby-node.js文件路径创建的路径:/design resources/icons/${node.slug}/ 在从Gatsby-node.js创建路径后,是否可以获得该路径,或者在上传到Algolia之前,是否有方法转换下面的图标查询 我的问题 Algolia变压器 使用您的变压器

Gatsby 向非身份验证端点提供登录体验时静态呈现的限制

我已经使用了非常棒的静态站点渲染器gatsby一段时间了,但是我遇到了一个用例,它可能不适合任何静态站点生成器,我想知道是否有一个处理这个问题的标准实践 问题是:如果您登录或未登录,是否可能为相同的URL提供稍微不同的体验 比如说。如果您已注销,您将看到一个按钮,该按钮将启动存储库。然而,当您登录并对其加上星号后,您会看到“Unstar” 从源代码来看,它似乎位于服务器的初始有效负载中 但要使其正常工作,您需要一台服务器,它可以1.)确定您是否登录,2.)根据您的个人资料/首选项/数据显示某些内

Gatsby 盖茨比的链接修复

我正在使用以下代码来链接页面之间的链接 <Link to={{ pathname: "/login", search: redirect }}>Login</Link> 登录 当我尝试链接时,链接显示为localhost:8000/[Object Object]。我是否正确使用了链接?这是因为您正在将对象传递给to属性。它必须是一个字符串,指示要导航到的路线 尝试: 登录 有关其属性的详

Gatsby 盖茨比构建失败,承诺。最终不是一个函数

我能够成功地运行gatsby develop,但当我运行gatsby build时,它给了我承诺。最后,它不是一个函数 我提到这个链接是为了尝试多种解决方案,但并没有取得多大成功。 盖茨比信息返回此详细信息 System: OS: macOS 10.14.6 CPU: x64 Intel(R) Core(TM) i7-6820HQ CPU @ 2.70GHz Shell: 3.2.57 - /bin/bash Binaries: Node: 12.16.1

Gatsby 我在netlify上的盖茨比网站在更新时不会刷新

我使用的gatsby netlify插件如下: resolve:`gatsby plugin netlify`, 选项:{ 标题:{ “/*.js”:[ “缓存控制:公共,最大年龄=31536000,不可变”, ], “/*.css”:[ “缓存控制:公共,最大年龄=31536000,不可变”, ], “/sw.js”:[ “缓存控制:公共,最大年龄=0,必须重新验证”, ], }, }, }, 但是,当我发布网站更新时,浏览器在手动点击“刷新”之前不会看到它。只需访问站点(不点击刷新)即可显

Gatsby 为盖茨比产品提供NGINX发行版

我正试图使用nginx为我的盖茨比作品提供服务。该站点已成功部署和服务,但我有几个问题: 每当我刷新另一个页面时,它就会重定向到根url 当我在另一个页面上查看页面源代码时,它会显示根代码的源代码 页面(根url),而不是我当前所在页面的源 类似于这个问题 谢谢大家 我可以通过从Dockerfile中的公用文件夹中删除“-s”来解决此问题我可以通过从Dockerfile中的公用文件夹中删除“-s”来解决此问题我在部署的站点上遇到了相同的问题。如果我在本地构建并运行“serve-s public”

Gatsby 盖茨比<;链接>;或@reach路由器<;链接>;在静态页面路由和仅客户端路由之间?

我已经阅读了盖茨比、客户端专用路由和@reach/router的文档 我想我对它的工作原理有很好的理解。但是,我想知道是否有建议在静态页面和仅客户端路由之间进行链接,特别是使用Gatsbyvs@reach/router 例如,假设在/documentation/* 假设有一个应用程序在/app/* 这里有4种情况: 从静态到静态 (例如,/documentation/feature-1到/documentation/feature-2的链接): 显然,我们应该在这里使用盖茨比 仅对客户端进行静态

Gatsby Netlify CMS自定义预览不适用于盖茨比

我克隆并尝试添加自定义预览。我已经按照所有的指示做了,但它仍然不起作用。这是我的config.yml: ... collections: - name: "blog" label: "Blog" folder: "content/blog" create: true fields: - { name: path, label: Path } - { name: date, l

Gatsby 盖茨比视频插件问题

我是盖茨比的新手,我正在研究盖茨比视频插件,所以我按照他们的说明进行操作 视频剪辑本身名为beach2.mp4,位于src根目录下的images文件夹中。该位置添加在我的gatsby-config.js中,这是该文件的一部分: { resolve: `gatsby-source-filesystem`, options: { name: `images`, path: `${__dirname}/src/images/`, },

Gatsby TypeError:无法读取属性';childImageSharp';空的

我试图使用盖茨比图像,但无法读取null的属性“childImageSharp”。我找不到错误在哪里。Topsection.js是一个under组件。image.jpg位于src/images/images.jpg的内部。仍在获取错误,无法解决它。我已附上所有文件。请帮我解决这个问题 Topsection.js const TopSection = () => { const data = useStaticQuery(graphql` { featureimg:

Gatsby 如何在盖茨比应用程序中添加AMP故事

我有一个静态网站写在盖茨比和满足。我想添加到应用程序中。故事内容将在构建过程中从Contentful获取,我希望从中生成AMP故事页面 问题 AMP-Stories只需要文档主体的一个直接子级-AMP-story标记 AMP网页和使用AMP构建的Web故事之间的区别在于AMP故事组件。它是文档的唯一直接子级,必须包含独立属性。所有Web故事页、层和元素都在标记中定义 但另一方面,盖茨比需要: 在你的房间里,你必须有一个id像盖茨比一样的div 思想 我可以自己编写amp页面并将其放入static

使用Gatsby source figma插件运行Gatsby服务器时出现重复错误

在为盖茨比源代码figma插件添加配置后,我在尝试运行我的盖茨比服务器时遇到了这个反复出现的错误。有人知道怎么避开这件事吗 调用“building schema”缺少一个错误处理程序,错误为“错误:名为“FigmaELLIPSE”的类型不存在”。Stacktrace was'错误:名为“FigmaELLIPSE”的类型不存在

Gatsby 盖茨比降价备注图片未显示

我在用盖茨比写我的个人博客。我通过标记文件创建内容,这很有效 . 我想在我的内容中使用标记语法![我的图像](./myImage.png) myImage.png与.md文件位于同一文件夹中: 我不知道它为什么不起作用。有人能给我一个建议吗? 我试着用这些语法: ![1](./myImage.png) ![2](./blog/Software/musiker-software/myImage.png) ![3](/blog/Software/musiker-software/myImage.pn

Gatsby 在触发Contentful webhook后,如何延迟应用程序重建?

我使用Gatsby.js和contentfulcms制作了一个简单的应用程序。我正在Netlify上托管应用程序 我正在使用有内容的webhook来自动触发站点构建,我的问题是,每次我在CMS中添加/编辑一些内容时,它都会触发另一个webhook和构建。例如,在10分钟内,我对Contentful进行了一些更改,结果是6页的重建 也许这对较小的页面来说并不是问题,但我想知道当网站扩大和构建时会发生什么,比如说,需要不到几秒钟的时间,但需要5-10分钟 我的问题-是否有任何选项“延迟”触发webh

Gatsby Netlify CMS是';t保存为.yaml格式时不包括连字符

我正在使用Gatsby withGatsby插件netlify cms将netlify cms添加到网站,netlify cms后端fs允许netlify cms使用文件系统而不是远程回购在开发模式下工作,Gatsby transformer yaml转换yaml文件,以便通过GraphQL查询访问 以下是相关代码: // src/cms/cms.js import CMS from "netlify-cms-app"; /** Netlify CMS config */ const conf

GatsbyJS StaticQuery是在构建时还是在运行时获取数据?

我无法在文档中找到一个简单的答案,我担心这可能是我不理解Gatsby/GraphQL数据查询的问题。本质上,我想知道页面/组件中的GraphQL查询是在构建时运行还是在客户机运行时运行。例如: 假设我用GatsbyJS构建了一个静态网站,并托管在Netlify上。在站点的一个页面上,我查询站点服务器文件系统中托管的图像。大概是这样的: query { exampleImage: file( relativePath: { eq: "images/homepage/marq

Gatsby 当Prismic CMS内容更新时,在盖茨比网站上显示新内容

我计划与盖茨比和普里斯米克建立一个网站。在一个页面上,我将从Prismic获取内容,该内容可能每天都会更改(新博客等)。有没有可能让盖茨比每次都不必手动构建网站就可以获取这些新内容?不可能避免重建,但可以避免手动重建 当Prismic中的内容发生更改时,您可以触发站点重建。如果您使用的是Netlify,请查看中的此部分 在Netlify仪表板上,转到“构建和部署”中的“构建挂钩”部分,创建挂钩,然后复制并粘贴URL。 现在,在设置页面的“Webhooks”中转到Prismic,并从Netlify

GatsbyJS:如果路由不存在,则显示404页';不存在

如何正确设置404页面,以便当用户点击任何不存在的路由时,它会重定向到此404页面 目前我有以下代码: import React from "react"; import Layout from "../components/layout"; import SEO from "../components/seo"; const NotFoundPage = () => ( <Layout>

Gatsby 元标记在刮取时不显示

当我使用react头盔为我的构建元标记时,它会显示在它的构建版本(public)中,但当我部署到s3(cloud front)并尝试将其从机器人中删除时,它不会显示元标记。我尝试了这里提供的一种解决方案,但它仍然不起作用。后来,我对我的配置进行了评论 如果您对这个场景有任何想法,请帮助我!谢谢:)问题在于s3和云前端配置。这些是变化 通过将cloudfront分发源更改为s3 bucket网站端点 将bucket策略从cloudfront access仅修改为所有

Gatsby 静态文件夹如何在';开发';?

我正在将一个站点移植到Gatsby,我已经将背景图像URL重写为引用/static文件夹中的图像: 背景图像:url(http://localhost:8000/static/michal-grosicki-221225.cee2c9ac.jpg) 但是,当我在/public/static中查看本地服务器上的静态文件夹时,它是空的。盖茨比在引擎盖下做什么来引用图像?您是否在正确的父文件夹中查找?当您在公用文件夹中启动开发模式时,盖茨比将生成站点 获取奖金信息。您可以使用此插件使用盖茨比图像处理背

Gatsby.js-Netlify CMS-Netlify重建

我正在考虑使用Gatsby.js和Netlify CMS制作一个项目,我已经看过了教程,它看起来非常流畅,但我想知道是否有一种方法可以让开发变得不那么麻烦 如果我理解正确,在localhost中开发时,如果您在Netlify CMS中更改了某些内容,则必须单击“发布”,然后下拉您的repo,重新构建并重新服务应用程序,以使更改显示在您的localhost中。这是唯一的办法吗?这能自动化吗 在生产中,我想你别无选择,只能在每次CMS发生变化时重建网站,但从技术角度看,这似乎是一个倒退——这不会导致

Gatsby 盖茨比在.cache中找不到目录/文件

我使用的是downloadLocal设置为true: { resolve: "gatsby-source-contentful", options: { spaceId: `my_space_id`, accessToken: `my_access_token`, downloadLocal: true, }, }, 但是,当我运行gatsby develope时,看起来gatsby在.cache中找不到本地文件。我发现以下错误: 错误:enoint:没有这

删除另一个插件拥有的类型的gatsby节点时出错

我得到以下错误: Error: The plugin "default-site-plugin" deleted a node of a type owned by another plugin. The node type "community_education__district_classes" is owned by "gatsby-source-apiserver". 我知道我得到了这个错误,因为我使用的是gatsby源apiserver,它返回我不想要的节

gatsbyjs(SSR)服务器中的新数据渲染

我已经使用gatsby-node.js和gatsby-SSR.js文件创建了一个gatsby-js电子商务网站,其中包含所谓的文档(SSR) 我注意到这很像预渲染,然后是服务器端渲染 如果在数据库中创建了新数据,gatsby会实际在服务器端生成新数据并在服务器中生成代码吗?如果创建了新的源数据,则需要触发新的生成。如果您使用的是netlify,那么使用构建钩子很容易实现这一点。(触发构建的唯一url)或者您甚至可以将其设置为基于计时器构建 这样设置的原因是因为它是一个静态站点生成器。没有正在运行

如何使用sanity.io和gatsby与gatsby source sanity中的内部链接?

我已经按照sanity文档创建了一个internalLink类型,并且根据关于将internalLink与graphql api一起使用的gotcha说明,我已经将其创建为一个单独的类型,如下所示: export default { name: 'internalLink', type: 'object', title: 'Internal link', fields: [ { name: 'reference', ty

Gatsby 如何将谷歌Adsense添加到盖茨比网站?

谷歌AdSense给我一个脚本添加到head标签中 <script data-ad-client="ca-pub-XXXXXXXXXXXXXXX" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 我的代码: <Helmet> <script data-ad-client=&quo

运行Gatsby hello world示例时发生fsevents.watch错误

我正在尝试做关于macOS Mojave的“设置您的开发环境”教程。在我尝试运行《盖茨比开发》之前,一切都很好。当执行此操作时,我会收到错误:“未处理的拒绝fsevents.watch不是函数”和“TypeError:fsevents.watch不是函数”。有人知道该怎么办吗???我显然有旧的节点残留,为了让我的自制节点安装正常工作,我必须清除它们。是的 brew uninstall node sudo rm -rf ~/.node brew install node 然后我就可以成功地运行g

Gatsby Netlify部署失败

有人知道我为什么会出现以下错误吗: Verify run directory 10:47:31 PM: ​ 10:47:31 PM: ┌─────────────────────────────┐ 10:47:31 PM: │ Netlify Build │ 10:47:31 PM: └─────────────────────────────┘ 10:47:31 PM: ​ 10:47:31 PM: ❯ Version 10:47:31 PM: @netlify

gatsby new因pngquant相关错误而失败

[已解决] 当我尝试创建一个新的盖茨比站点(使用gatsby new或starter)或尝试使用warn为现有站点安装依赖项时,我总是会遇到以下错误: ⚠ write EPROTO 4403060160:error:1408F10B:SSL routines:ssl3_get_record:wrong version number:../deps/openssl/openssl/ssl/record/ssl3_record.c:332: ⚠ pngquant pre-build

Gatsby 将CSS类传递到健全块内容根目录

想象一下以下情况: 我从SanityCMS中检索富文本作为块内容。块内容包含单个块,例如Hello World。此HTML是使用@sanity/block内容进行反应的结果 我的问题: 有没有办法将CSS类传递到呈现的H2元素中?因此,它将呈现为Hello World?我看到了属性className和renderContainerOnSingleChild,但是这些属性会向这个H2元素添加一个父元素。但是我想添加一个CSS类而不添加父DOM 谢谢大家! 您可以将覆盖列表传递给序列化程序属性。对于

GatsbyJS/Netlify无法在mac os chrome上显示索引页

我通过netlify部署了我的自定义博客。 当我试图在mac OS Chrome上显示我的网站时,我遇到了一个问题 选中: 我检查了其他URL是否正常工作,例如,在Mac OS Chrome上。 我还检查了其他环境,如MacOSSafari、Windows10Chrome、iPhone Chrome和iPad Chrome 只是在Mac OS Chrome上不起作用 我得到了这个错误: index.jsx页面源代码: import React from 'react'; import { na

使用本地包/依赖项将Gatsby部署到Vercel

我有一个盖茨比网站,使用本地软件包,不可能/不允许将其公开 该站点在本地构建良好,但当我尝试在Vercel上部署它时,它找不到包。我发现了一些相关的问题,但到目前为止,没有一个解决方案对我有效 包位于Gatsby的静态文件夹中,该文件夹位于根目录中,并在生成时复制到公用文件夹中。在my package.json中,我有以下内容: "devDependencies": { "fslightbox-react": "file:./public

Gatsby 由于onCreateNode中缺少字段,无法统一源

我想将现有的源代码统一到一个源代码中。考虑将所有的Ghost POST和标记文件转换为具有统一字段的单个节点 我目前的方法是连接到onCreateNodeAPI,并为每个适当的节点(例如Ghost或Markdown)创建一个新节点 我目前面临的问题是,标记节点此时没有提供正确的html字段。根据实现,这些字段添加到setFieldsOnGraphQLNodeTypeAPI中 所以我的问题是: onCreateNode是否是将节点合并为单个节点的合适位置? 如果是:那么此时不存在的字段呢 如果没有

Gatsby 盖茨比-在构建时运行函数

我正在使用Gatsby和Netlify CMS,需要使用Gatsby的useStaticQueryhook修改接收到的数据 例如,在Netlify CMS中,我允许用户定义他们希望用于不同排版样式(例如h1到h6、按钮、正文文本等)的谷歌字体。然后,我需要将字体导入到,为此,我运行了一个有点昂贵的函数,将所有字体系列和权重组合到一个|分隔字符串数组中(例如“Open+Sans:400500 | Roboto:300 | Montserrat:500600700”)。这是昂贵的,因为我需要结合所有

Gatsby 盖茨比';自省查询';错误

我有一个gatsby-config.js,它有以下内容: { resolve: gatsby-source-graphql, options: { typeName: racing, fieldName: 'members', url: 'http://localhost:3001/api/members', }, }, { resolve: gatsby-source-graphql, options: { typeName: racing,

Gatsby 使用盖茨比图像的怪异行为

在我的盖茨比应用程序中,我有以下json文件: 能力。json { "languages": [ { "img": "JS.png", "title": "Javascript", "text": "" }, { "img": "Node.png&quo

Gatsby 盖茨比JS-如何在盖茨比JS的头部正确添加html注释?

我按照盖茨比网站上的说明做了以下工作: cp.cache/default-html.js src/html.js 进入(由盖茨比创建的)html.js文件,并在标题部分添加了注释 我没有使用{/**/},而是使用了{/**/}作为第一个错误 当我运行gatsby develop时,我首先在加载/查询404页面时出错,然后是其他页面 有人知道怎么做吗?谢谢。根据: 将HTML插入到 在html.js中呈现的任何内容 组件不会像其他组件一样在客户端中“活动”。 如果您想动态更新您的应用程序,我们建议

Gatsby 如何在网站范围内更改盖茨比邮报的标题?

我希望我的文章标题是标题案例 它必须是站点范围的(不仅仅是在这样的地方)。我希望避免重复和丢失引用的可能性 我不想回到我的帖子,更新每一篇不是标题的帖子 有没有一种方法可以覆盖frontmatter?我尝试在gatsby node.js中更改它,但我不确定在哪里添加/更改它。我找到了一种解决方案,我认为这是一种黑客攻击。frontmatter可以在创建节点onCreateNode的过程中通过在推送到节点数组之前更新节点来覆盖。我利用epostNodesarray(gatsby节点作用域的全局数组

如何从Gatsbyjs中另一个节点的url字段下载图像,以便我可以使用gatsby图像?

我正在为一个使用盖茨比和肯蒂科云的网站进行图像优化。我想使用gatsby image插件,但是gatsby image无法查询url字段。因此,我需要从另一个节点上的CMS下载这些图像,以便可以通过gatsby image查询它们 我曾尝试使用另一个插件来实现这一点,gatsby-plugin-remote-images,但到目前为止还没有成功。我不确定我是否误解了文档 这是我在盖茨比配置中的最新代码 { resolve: `gatsby-plugin-remote-images`, o

纱线:在gatsby部署到netlify后未找到命令

我一直在犯这个错误 Executing user command: yarn build /usr/local/bin/build: line 112: yarn: command not found 我从中了解到纱线必须包含在我的包.json中。然而,我在我的package.json 我已清理缓存并再次部署。我尝试添加纱线和npm版本作为构建环境,但仍然不起作用。我也查看了,但没有找到具有以下结构的json: { "cli": { "packageManager": "yarn"

Gatsby 盖茨比将字符串转换为相对路径

我在首页有一个字段,用于页面我的字段:/contact/。当我在页面上查询此字段时,它会转换为。/pages/contact,但我希望它与我键入的完全相同,只是/contact/ 如何防止盖茨比将字符串字段转换为相对路径 编辑:我确实有一个来自“/pages/contact.js”的页面。我的自定义字段来自试图链接到该页面的可配置导航。我想在盖茨比链接中传递/联系/到param。但是,在字段中键入/contact/会显示为../pages/contact。您是否有一个名为contact.js的文

Gatsby PostCs未从节点_模块中的组件中清除taildwind样式

我已经创建了一个自定义组件作为它自己的包,它使用了tailwind。我还在这个组件上使用了rollup来构建它(并清除未使用的顺风样式),在构建的文件中,它将its样式注入头部 我认为显示源文件或生成文件没有帮助,但是为组件生成的文件如下所示: node_modules/@custom/dist/component text.esm.js var css_248z=“.bg-blue-500{\n--tw-bg不透明度:1;\n背景色:rgba(59,130,246,var(--tw-bg不透明

上一页   1   2    3   4   5   6  ... 下一页 最后一页 共 14 页