立即迁移到 Netlify

Netlify 宣布 Gatsby Cloud 的下一次迭代。 了解更多

快速入门

本快速入门指南适用于中高级开发人员。如需更平缓地了解 Gatsby,请访问我们的教程

Gatsby 入门

  1. 创建新网站

它会询问网站标题和项目目录的名称。继续按照提示选择您偏好的语言(JavaScript 或 TypeScript)、CMS、样式工具和其他功能。

  1. 下载完成后,您将看到一条消息,其中包含有关导航到您的网站并本地运行它的说明。

CLI 在第 1 步中以您选择的名称创建了一个新文件夹作为网站。

首先通过以下命令进入目录:

使用以下命令启动本地开发服务器:

Gatsby 将启动一个热重载的开发环境,默认可通过 https://:8000 访问。

  1. 现在您可以修改您的网站了!

尝试在 src/pages/index.js 中编辑主页。保存的更改将在浏览器中实时重新加载。

下一步?

使用标志

CLI 还支持两个标志:

标志不是位置参数,所以这些命令是等效的:

  • npm init gatsby -- -y -ts my-site-name
  • npm init gatsby my-site-name -- -y -ts

添加更多功能

遵循我们的指南为您的网站添加更多功能,或浏览我们的插件以快速安装附加功能。

部署您的网站

尝试使用 Gatsby Cloud 来构建和部署您的网站到众多托管提供商之一。

立即开始构建,在 Netlify!
在 GitHub 上编辑此页面
©2025Gatsby, Inc.