Gatsby.js 中文教程

欢迎使用 Gatsby！ 你来到这里我们很高兴。 本教程的目的是指导您使用入门模板设置和部署第一个 Gatsby 网站。 在该过程中，我们将介绍一些一般的 Web 应用程序开发工作，并介绍 Gatsby 站点的底层结构。

完整的教程旨在让并没有太多 Web 应用程序开发经验的人更容易地了解与使用，而非专家。 如果您想跳过本节，直奔代码，可跳过分步教程，并查看快速入门页面。

基础

0. 安装: 我们将向您介绍 Gatsby 的核心技术，并指导您配置开发环境。
1. 构建: 创建、开发新项目和部署站点。
2. 在 Gatsby 中使用 CSS: 使用 Typography.js 库或者直接引入 CSS 样式文件。
3. 在 Gatsby 中嵌套布局: 创建可在多个页面中重复使用的页面布局（如页眉和页脚）。

进阶

在进阶教程中，您将学习到如何在 Gatsby 站点中使用 GraphQL 查询数据。

4. 在博客中进行数据查询: 创建一个博客，并使用 GraphQL 将您的网站标题查询出来渲染到博客标题中。
5. 数据源插件和数据渲染: 使用数据源插件查询 Markdown 博客文章数据并渲染到您的网站上，并创建一个包含博客文章列表的索引页。
6. 数据转换插件: 使用转换插件将 Markdown 格式的博客文章转换为博客可以渲染的格式。
7. 基于数据编程创建页面: 了解如何以编程方式为博客文章创建一组页面。
8. 网站上线准备: 了解如何检查网站的性能，可访问性、SEO 等的最佳实践。

主题

Gatsby 主题是将所有默认配置（共享功能模块，数据源，设计）从您的站点中提取为一个可安装的程序包。

这意味着配置和功能模块不是直接写到您的项目中，而是版本化，集中管理并作为依赖项安装。 您可以无缝更新主题，将主题组合在一起，甚至可以将一个主题换成另一个兼容的主题。

通过 Gatsby 主题教程可以了解更多有关主题的使用和构建的相关信息。

更多

为了使您在学习时保持专注，第一部分的教程中并未涵盖到所有内容。其他 Gatsby 教程部分是一系列的资源，指导您如何逐步完成更多的Gatsby任务，例如将数据源插件应用于 image 图像或 CMS 内容。

深入了解其他 Gatsby 教程。