首页 文章
  • 1 votes
     answers
     views

    使用React Burger菜单和GatsbyJs

    我正在尝试导入组件以将其与GatsbyJs一起使用并使其工作到某一点但除了使用Styled Components之外的其他"effects" . 这是我的代码,说实话,我不知道这是否是React-burge-menu或GatsbyJs的问题 . 首先是组件,我必须将它包装在一个样式的div上才能工作as mention here sidebar.js import React ...
  • 2 votes
     answers
     views

    来自Wordpress Build Automation的Gatsby来源

    我用Wordpress设置了Gatsby,但现在我想弄清楚如何通过WP向网站添加新内容并让它在服务器上显示为静态标记的工作流程是如何工作的 . 是否有推荐的方法来自动构建新WP内容的过程? 我猜这样的事情会发生,但不确定已经存在什么钩子或工具 . 在服务器上通过Wordpress发布新内容 . 盖茨比的建设开始了 . 这将拉入[所有] WP内容并重建[整个]网站 . 将构建的静态文件[...
  • 0 votes
     answers
     views

    gatsby-source-wordpress不起作用

    我是React和Gatsbyjs的新手 . 我能够使用盖茨比网站的4个教程创建一个网站 . 当我的页面是js文件或Markdown时,它正在工作 . 我尝试安装gatsby-source-wordpress插件,但是当我输入gatsby develop时Gatsby无法导入数据 . 我看到这个警告:警告gatsby-source-wordpress插件没有生成Gatsby节点 . 你需要它吗? 版...
  • 0 votes
     answers
     views

    在graphiql接口中的GatsbyJs gaphql查询文件夹/ post.md

    我正在使用Gatsby开发graphiql沙箱来测试一些查询,我有一个工作查询,它使用gatsby-transformer-remark插件提取markdown文件 . 我的markdown文件位于 src/posts/post-1.md ,这些在我的查询中返回,但是我开始使用Netlifys cms创建markdown文件,我设置markdown文件的方式位于 src/team/post-1.m...
  • 0 votes
     answers
     views

    如何查找/修改包含我已添加到此网站模板中的particles.js效果的容器?

    我是使用gatsby在网站上工作的html和javascript的初学者 . 我的目标是修改此模板https://gatsby-dimension.surge.sh/以使用与此网站类似的particles.js交互式粒子:https://www.ultrahacks.org/ 到目前为止,我已经非常成功,我的网站看起来像这样:screenshot . 这是源代码:https://github.co...
  • 0 votes
     answers
     views

    如果需要来自第三方API的数据,如何从next.js导出静态HTML页面?

    我正在使用next.js到build static HTML webpages . 我的一个网页需要来自第三方API的数据,我想在构建时获取数据并将其烘焙到生成的HTML中 . 我不希望这个调用永远发生在客户端上,因为: CORS无论如何都会阻止请求成功 我必须在客户端公开API密钥(不,谢谢) 我认为 getInitialProps 就是答案,因为获取的数据确实在构建/导出过程中被烘...
  • 0 votes
     answers
     views

    Gatsby:在graphql查询中使用gatsby-source-graphql和gatsby-plugin-sharp

    我正在使用Gatsby v.2.0.2 . 作为无头CMS我正在使用Strapi . 我正在尝试使用gatsby-image,gatsby-plugin-sharp(图像处理)与从Strapi上传的图片 . 我的文件夹结构是: >>projectfolder >>api >>public >>uploads (here ...
  • 0 votes
     answers
     views

    删除或隐藏gatsby启动器工具栏

    我使用盖茨比材料入门套件进行个人项目(主要是学习Ract和Gatsby) . https://github.com/Vagr9K/gatsby-material-starter 我想要的设计是有一个主页,不会在 Headers 中呈现工具栏(用于容纳汉堡包导航列表的工具栏) . 主页有一个很大的主体和页脚,但没有 Headers ,即一个巨大的“英雄” . 在使用布局和模板进行几个小时的黑客攻击...
  • 0 votes
     answers
     views

    如何为盖茨比和锐利预处理照片

    我'm migrating a blog with hundreds of high-definition photos over to Gatsby.js, where I'将用 gatsby-image 和 gatsby-plugin-sharp 处理它们 . 这些照片最初是高品质的JPG . 通常一个文件可以是大约20-25mb . gatsby-plugin-sharp 的自述文件说: ...
  • 0 votes
     answers
     views

    以下Gatsby教程卡在了意想不到的位置上

    我在盖茨比应用程序中收到此错误 . 我的代码似乎与我所遵循的教程相同,我似乎无法弄清楚出了什么问题 . 错误是 50:10 error Unexpected use of 'location' no-restricted-globals ,代码如下 . 如有必要,我可以添加更多代码 . 提前致谢 . 还有其他页面,可能正在导入的内容导致冲突 . 我正在使用节点版本 v11.0.0 好的再次感谢 ....
  • 3 votes
     answers
     views

    GraphQL忽略了一些(但不是全部)任意分配的降价前端数据

    第一次尝试盖茨比,这是一种乐趣 . 但是我遇到了一个奇怪的GraphQL问题: 我正在使用gatsby-source-filesystem和gatsby-transformer-remark插件从markdown文件中提取内容 . 所有这些数据的前端数据都不相同( title 除外) . 有些人有 date 字符串(博文),同样有 tag 数组,有些有 gallery 对象 . 现在的问题是,一些...
  • 5 votes
     answers
     views

    使用Gatsby.js中的Markdown Remark自定义frontmatter变量

    我正在使用Gatsbyjs和NetlifyCMS构建一个网站 . 我已经开始使用这个启动器https://github.com/AustinGreen/gatsby-starter-netlify-cms,我现在正在尝试自定义它 . 我想在markdown文件的frontmatter中使用自定义变量,如下所示: --- templateKey: mirror nazev: Černobílá ti...
  • 0 votes
     answers
     views

    Gatsby降价转换器无法正确渲染图像链接

    我'm converting a Gatsby site (v1) built with a starter, from file-based Markdown-formatted blog posts to using the gatsby-source-mongodb plugin. The markdown coming from the DB is byte-identical to wh...
  • 0 votes
     answers
     views

    netlify gatsby - 列表小部件上的markdownRemark

    我在gatsby netlify started repo中为 config.yml 文件添加了一个新页面: - name: "pages" label: "Pages" files: - file: "src/pages/CV/index.md" label: "CV" ...
  • 0 votes
     answers
     views

    Gatsby v2 - 使用markdown错误构建页面的静态HTML失败

    这是我第一次尝试使用Gatsby v2 . 我有一个test.md文件,它是由netlify cms创建的,就像你在上面的文件系统中看到的那样在博客文件夹中 . 我也可以在浏览器中使用GraphiQL查询数据,如上所述 . 我得到一个博客帖子列表(1),这是一个链接,但没有生成的页面去 . 当我运行 gatsby build 时出现错误 . 错误为页面构建静态HTML失败 6 | }) { ...
  • 0 votes
     answers
     views

    如何根据markdown frontmatter过滤图形ql查询?

    我正在使用Gatsby Build 一个作品集站点 . 我的数据存储在markdown文件中,并使用graphql和gatsby-transformer-remark插件检索 . 我目前有3个文件,我可以在Graph QL查询中成功返回: 但是,当我尝试按类型过滤它时,我做错了什么: 非常感谢您的帮助 .
  • 0 votes
     answers
     views

    使用Gatsby的请求

    我试图添加 request 模块来获取一些数据,但是我遇到了麻烦,因为它以某种方式依赖于 fs 模块安装它并要求它让我这个错误: This dependency was not found: fs, tls, net To install it, you can run: npm install --save fs tls net 安装tls和net似乎修复它们(如他们没有检查过有关Webpack...
  • 1 votes
     answers
     views

    盖茨比构建错误

    当我运行gatsby开发时,我可以在浏览器中查看我的博客 . 但是,当我运行命令gatsby build时,我收到以下错误,它没有告诉我包含该问题的文件 . Total precache size is about 823 kB for 7 resources. error Plugin gatsby-plugin-feed returned an error Error: GraphQL...
  • 0 votes
     answers
     views

    盖茨比首发为howtographql网站

    我喜欢https://www.howtographql.com/网站 . 它看起来基于盖茨比 . 我想知道是否有一个启动器来创建一个类似的网站?看看community starters列表,我不确定什么是最好的开始 .
  • 2 votes
     answers
     views

    使用gatsby-remark-component和gatsby-remark-images

    我正在尝试使用 gatsby-remark-images 和 gatsby-remark-component 一起在自定义组件中获取已解析的图像路径 . 这两个插件都可以自己运行 . 我现在正在尝试 Build 一个自定义组件,它具有自定义和对齐的特定布局: 降价 <img alt="Some alt text" src="foo.png" capti...
  • 2 votes
     answers
     views

    没有硬编码的Gatsby pathPrefix

    适用于path prefix的Gatsby文档显示我可以定义像 pathPrefix: "/blog" 这样的东西,事实上我尝试了它并且它只是起作用 . 但是,我希望能够将构建部署到多个路径,并让它可以在所有路径中运行 . 我'm hoping there'是一种可以从任意路径开始构建的方法 . 在那儿?
  • 0 votes
     answers
     views

    从盖茨比中删除节点

    我'm using a plugin that automatically creates nodes for me from an API request. It'运行良好,但它返回的数据超出了我的需要,包括在 gatsby-node onCreateNode 中的't relevant for my application. How can I remove nodes while I' ...
  • 1 votes
     answers
     views

    Gatsby childImageSharp分辨率设置

    我正在使用Gatsby graphyQl设置childImageSharp分辨率质量 . 当我运行gatsby开发时,我得到了这个错误 . 错误:GraphQLError:高度的预期正整数但收到414.17910447761193类型编号 我的图形查询将此作为其中的一部分 . localFile { childImageSharp { resolutions...
  • 1 votes
     answers
     views

    如何在Gatsby React页面中使用<script>

    我有一个jQuery脚本,我想在我的gatsby反应页面中使用它 . 首先,我在我的项目nestpay.js中创建了一个文件,然后将脚本内容粘贴到其中: function submitformpaiement() { // code here } 其次我在render()中添加了const payScript = require('../ pages / nestpay') render() {...
  • 0 votes
     answers
     views

    在gatsbyjs中的bulma菜单切换不起作用

    GatsbyJS初学者在这里尝试使用Bulma响应式菜单切换以将&quot;is-active&quot;类应用于菜单(gatsby v2 with gatsby starter netlify cms) . 这里的所有代码:https://github.com/pddew/gatsby-starter-netlify-cms 目前出现切换按钮和脚本标签,但按钮不响应 . 在gatsby star...
  • 0 votes
     answers
     views

    远程服务器上的Gatsby开发没有响应

    我正在尝试在远程服务器上开发Gatsby应用程序 . 我从其他开发人员那里获得了这个Gatsby应用程序的源代码,它适用于他们 . 所以我做了 git init 并将代码复制到我的遥控器上 . 然后我想运行它,所以我使用 npm install 安装了NPM要求然后,因为它是远程的,所以这样做: MYUSER@MYREMOTE:/var/www/myGatsbyReactApp$ gatsby d...
  • 1 votes
     answers
     views

    如何设置background-size:在Gatsbys插件中包含“gatsby-remark-images”

    我正在使用 gatsby-transformer-remark 在我的GatsbyJs Blog中使用markdown渲染图像 . 我在我的gatsby-config.js文件中使用以下配置: { resolve: `gatsby-transformer-remark`, options: { plugins: [ { resolve: `gatsby-...
  • 1 votes
     answers
     views

    将sass变量导入gatsby组件

    我正在使用Gatsby构建一个静态站点项目 . 我已经成功安装了gatsby sass插件并让sass工作,但是,我无法将我的自定义sass变量文件正确导入到其他组件sass文件中 . 下面是我的文件夹结构: `--src -components -header -header.js -header.sass --layouts -index.js -index...
  • 2 votes
     answers
     views

    Gatsby的GraphQL查询 - 使用灵活的内容模型进行内容设置

    我有一个带有 contentful plugin 和 graphql queries 的 gatsby 网站(设置正常) . [编辑]我的gatsby设置使用pageCreate功能动态提取数据 . 并填充我的模板组件,我在下面分享的根graphql查询 . 如果内容上的页面遵循以下查询中给出的结构,我可以使用设置创建多个页面 . [/编辑] 我的问题是关于我似乎遇到的限制,或者只是不知道足够的...
  • 0 votes
     answers
     views

    从json的盖茨比图像路径

    Edit: Got it working 即使这种方式感觉有点错误 . 任何想法都可以只使用文件名而不是相对路径,我们将不胜感激 . 无论如何,这是我如何工作: data.json [ { &quot;slug&quot;: &quot;bloom&quot;, &quot;name&quot;: &quot;Bloom&quot;, ...

热门问题