检查已在Gatsby中创建的页面
在Gatsby中创建的页面可以通过以下步骤进行检查：
- 首先，确保你已经安装了Gatsby CLI，并且已经创建了一个Gatsby项目。
- 打开终端或命令提示符，导航到你的Gatsby项目的根目录。
- 运行以下命令启动开发服务器：
gatsby develop- 在浏览器中打开以下链接：
http://localhost:8000这将打开你的Gatsby网站的首页。
- 浏览你的网站，检查已经创建的页面。Gatsby的页面通常位于
src/pages目录下，每个页面对应一个React组件文件。 - 如果你想查看特定页面的源代码，可以在浏览器中打开开发者工具，导航到"Elements"或"Sources"选项卡，并浏览相应的文件。
- 如果你想修改页面内容，可以编辑相应的React组件文件，保存后Gatsby会自动重新编译并刷新页面。
相关·内容
1回答
我正在构建一个Gatsby网站，上面有很多通过createPages创建的页面。我正在从我的API中，从多个端点获取数据。
问题是来自端点的一些数据是重复的，我最终重新创建了已经构建的页面。有没有办法知道哪些页面已经构建好了？例如，通过查询slug？
浏览 10提问于2020-05-19得票数 0
回答已采纳
1回答
我是这个前沿世界的新手，我对React和GraphQL有一些了解，这就是为什么我决定尝试用Gatsby实现一个测试博客，因为它看起来很受欢迎，而且很容易使用。我还想让我的手进入到物质UI，所以我使用这个盖茨比启动器：
这个入门程序似乎包括了与Netlify CMS的集成，所以我想改变它，并开始使用Strapi ，这样我就可以在那里获得内容。
浏览 2提问于2020-04-06得票数 0
2回答
如何创建动态组件
、、、
我看到的机会，尽量减少网络字节转移我的网站，但无法找到一个适当的解决方案。我知道StaticQuery是..。静电。因此，我不能在此
浏览 5提问于2020-12-15得票数 0
回答已采纳
2回答
等等，他们也可以Sign Up或Log in，然后是实际的应用程序。我想静态地呈现某些页面(Landing,Pricing,About,Blog)，但是我想把所有的东西都留在注册/登录墙客户端呈现的后面。问题:首先:这有意义吗？第二，我如何实现这样的东西？我在网上什么都没找到！这是闻所未闻的？我
浏览 4提问于2019-02-26得票数 4
回答已采纳
我有一个Gatsby网站，我正在使用gatsby-transformer-remark插件将博客目录中的博客标记文件加载到GraphQL中，以便在我的网站上显示。我已经查看了文档和示例代码，以了解如何为每个页面创建一个插件，以便在gatsby-node.js文件中可以使用该插件动态创建页面。问题 当我尝试访问GraphiQL中的fields {
浏览 8提问于2021-01-04得票数 3
回答已采纳
我们知道Gatsby会自动使用与.js文件同名的路径在src/ pages /目录中构建页面。例如，我有一个src/pages/example.js文件，当我在终端中运行gatsby develop命令时，该网页将在“localhost:8000/ example”站点上可用。:/example的页面”的错误？为了给你更多的背景信息，我现在有一些建在Docu
浏览 12提问于2020-09-04得票数 0
回答已采纳
我在本地运行gatsby-develop，并尝试使用/__refresh webhook在外部内容管理系统中进行更改时刷新页面上的内容。现在我只是在测试手动点击我本地的webhook。这成功地重新运行了sourceNodes和createPages，然而，我的很多数据都是动态的，实际上是作为动态生成页面的pageContext的一部分传递的。无论出于什么原因，最初使用gatsby develop (firs
浏览 26提问于2019-10-06得票数 1
2回答
滚动深度GTM - Gatsby
、、、、
我有一个问题，运行基于gatsby的页面与GTM滚动深度。问题是gtm滚动深度与SPA不兼容，并且在移动到下一页时不会重置。是否有人使用其他脚本来测量滚动深度，这些脚本可以轻松快速地与gatsby和gtm/ga集成？
浏览 1提问于2019-04-02得票数 7
我正在使用Gatsby，我的布局组件(包含页眉和页脚)放置在gatsby-browser.js & gatsby-ssr.js‘wrapPageElement中。但是，在这样做时，布局将呈现在每个页面上。我将布局组件放置在gatsby浏览器和gatsby-ssr中，因为我的头中有动态内容，如果用户通过身份验证，它将显示用户的电子邮件和导航链接。期望行为
我希望我的索引页不要
浏览 3提问于2020-03-22得票数 2
我正在使用Gatsby创建一个论坛 我已经开发了一个表单，用户可以使用它来创建线程，添加到一个名为create.js的页面上的论坛，这将发送数据到外部数据库。一旦用户提交了线程，我想使用模板创建一个新页面，通常我会在Gatsby-node.js中使用；根据Gatsby Docs，Gatsby-node.js在部署时只运行一次。有没有其他方法可以让我在Gatsby-node.js之外
浏览 14提问于2020-07-20得票数 0
我正在使用gatsbyjs应用程序，其中有一些具有以下格式的.yml文件：我的目标是将markdownContent字段的值呈现为HTML。为此，我首先使用‘gatsby-transformer’插件读取这些.yml文件的内容，然后使用条注释和条- html 将.yml字段的值转换为html。html呈现得很好，但是我无法让图像(链接为markdownContent字段的一部分)呈现(所有图像请求都在404中返回)。
这条路有可能吗？如果不
浏览 3提问于2021-07-22得票数 0
问题摘要: a.我希望通过使用路径来动态生成Gatsby中的页面。我已经实现了这个中建议的技术。此技术在本地工作，即在本地主机上工作，但是当我在生产中部署它时，我会得到以下错误消息：
页面找不到，看上去你跟踪了一个坏链接，或者输入了这个站点上不存在的网址。预期结果:在动态创建页面之后，@reach/路由器应该能够捕获路径中的ID，并将其作为组件中的支持。
浏览 3提问于2020-03-10得票数 0
回答已采纳
我使用gatsby-cms模板创建了一个jamstack网站。我设置了域名，ssl，并使用管理界面发布了我的第一篇文章。帖子显示在git存储库中，它显示该站点已在netlify仪表板中进行了修改，但更改并未显示在该站点上。
是将更改部署到站点的附加步骤吗？
浏览 2提问于2018-11-23得票数 0
我是一个新手，试图构建一个Gatsby站点，该站点使用以下url结构以编程方式为放置在/content/portfolio的MDX文件生成页面：sitename/portfolio/single-portfolio-item以下是我遵循的步骤：
创建一个新的盖茨比站点：gatsby new gatsby-portfolio https://github.com/gatsbyjs&
浏览 3提问于2020-11-24得票数 0
回答已采纳
2回答
如何根据单击的项的id创建显示页
、、、、
我正在创建通过.map函数循环的项目列表。我希望这些项目中的每一项都在一个页面中呈现，并包含一些其他细节。/mocks/music.json'import Music from '..FontAwesomeIcon icon={faArrowRight} /> <
浏览 3提问于2021-01-14得票数 1
回答已采纳
使用createPage在盖茨比和使用{page.slug}.js创建静态页面的主要区别是什么。我找不到关于这方面的任何文档，所以我不知道除了鼓励使用{page.slug}.js格式的文档之外，还应该搜索什么。
浏览 6提问于2022-01-20得票数 1
回答已采纳
我使用了一个Gatsby初学者作为我的静态站点，其中包括一个包含所有UI元素的演示页面。
我想保留这个页面(这样我就可以从演示中复制和粘贴)，但不想公开使用。如何在不删除文件的情况下“取消发布”？有没有办法告诉gatsby-node.js在生成面向公共的站点时跳过该页面？
浏览 1提问于2019-04-04得票数 6
回答已采纳
1回答
我有一个旧的php网站，我想转移到盖茨比。但是，它使用以下固定链接结构： http://example.com/?qa=2/my-awesome-post 我使用的是Gatsby Starter博客主题，但是，其中的urls如下： http://example.com/my-awesome-post 这是关键，能够调整永久链接结构，因为搜索引擎优化的原因。“文件或文件夹名中不允许使用字符。有没有办法在Gatsb
浏览 10提问于2020-03-27得票数 0
使用NodeJS、Express和MongoDB持久化用户生成的数据的最佳方式是什么？我正在使用这个堆栈(使用bootstrap HTML/CSS和JS作为前端)构建我的第一个web应用程序，并且我已经意识到我需要一个数据绑定解决方案。我宁愿避免完全重建我的前端，这样看起来React将是最好的选择，但我宁愿现在就找出我是否遗漏了一些明显的东西。该应用程序将允许用户创建1-n个文档，在其中生成1-n个新组件，并在这些组件中编辑1-n个内容可编辑
浏览 8提问于2019-02-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
