操作指南 指南

了解如何控制 Gatsby Cloud 构建、部署、集成和托管您的网站。

• 处理重定向和重写
• 配置日志分流
• 添加自定义域名
查看所有14

设置您的本地环境：启动新项目，使用 Gatsby 的 CLI 和开发服务器，自定义您的 JavaScript 设置，并调试常见错误。

• 入门模板
• Environment variables
• 调试开发错误
查看所有5

创建独特和基于模板的页面。创建一个共享页面布局，包含页眉和页脚等元素。使用 JSX、Markdown 和 CMS 撰写内容。

• 创建路由
• 共享页面布局

在 Gatsby 中使用您偏好的样式系统：标准 CSS、Sass 等预处理器、Emotion 等 CSS-in-JS 解决方案，或 Tailwind 等新兴方法。

• 内置 CSS 支持
• 本地字体
• 网页字体

将图像、视频、GIF 和其他媒体导入您的网站。使用 gatsby-image 优化页面性能和用户体验。

• 从文件系统导入资源
• Gatsby Image 插件
• Static 文件夹

访问 Gatsby 丰富的即插即用功能生态系统，从 CMS 集成到图像优化。

• 使用插件
• 主题
• 创建数据源插件

通过源插件（集成）将内容和数据从任何地方（CMS、文件系统、电子表格、数据库）提取到 Gatsby 中，并将其提供给您的网站页面和组件使用。

• 文件系统
• 无头 CMS

一旦数据被提取到 Gatsby 中，您的页面和组件将通过 GraphQL 查询指定它们访问的数据。

• 页面查询
• 组件查询
• 探索数据 (GraphiQL)
查看所有4

从电子商务和搜索到 SEO 和 A/B 测试，添加用户想要的丰富功能和交互，以及业务利益相关者所需的控制和优化。

• SEO 组件
• i18n
• 自定义 404 页面
查看所有8

使用渲染选项告诉 Gatsby 何时为您的网站构建特定页面。可在静态站点生成、延迟静态生成或服务器端渲染之间进行选择。

• 延迟静态生成 (DSG)
• 服务器端渲染 (SSR)

为您的组件和页面添加单元测试和端到端测试。在 Gatsby 中使用 Jest 和 Cypress 等现代工具，并设置 CI/CD 流水线。

• Jest
• React 组件
• 使用 Cypress 进行端到端测试

Gatsby 提供了大量工具，可以立即提升您的性能。

• 网站性能
• 使用 Slices
• 使用 Partial Hydration
查看所有6

与团队共享和审查新的代码和内容。设置托管和部署流水线，让您可以快速向世界发布更改。

• 适配器
• 零配置部署
• 创建适配器
查看所有8