设置 Gatsby 项目 - Shell/Bash

Gatsby 是一个 React 驱动的静态网站生成器，它能够快速地构建网站，并具有出色的性能和可扩展性。在本篇文章中，我们将学习如何在使用 Gatsby 之前设置你的项目。

安装 Gatsby CLI

首先，你需要在你的机器上安装 Gatsby CLI。打开你的命令行终端并输入以下命令：

npm install -g gatsby-cli

这将全局安装 Gatsby CLI 工具，你可以通过命令行终端来使用它。

创建 Gatsby 项目

要创建一个新的 Gatsby 项目，请使用以下命令：

gatsby new my-gatsby-site

这将创建一个名为 “my-gatsby-site” 的新文件夹，其中包含一个示例 Gatsby 网站。

运行 Gatsby 项目

要启动 Gatsby 项目，请使用以下命令：

cd my-gatsby-site
gatsby develop

现在你的 Gatsby 网站已经在本地服务器上运行了！在默认情况下，你可以通过在浏览器中输入 http://localhost:8000 来访问它。

添加额外的 Gatsby 插件

Gatsby 可以通过插件来扩展其功能。要添加一个新的插件，请使用以下命令：

npm install gatsby-plugin-xxx

请将 “xxx” 替换为你想要使用的插件名称。一旦安装完成，你需要将插件添加到 Gatsby 配置文件中。该文件位于你的项目的根目录中的 “gatsby-config.js”文件中。

以下是一个将插件添加到 Gatsby 配置文件中的示例：

module.exports = {
  plugins: [
    `gatsby-plugin-xxx`,
  ],
}

构建 Gatsby 项目

要将 Gatsby 项目构建为静态文件，请使用以下命令：

gatsby build

这将生成一组静态文件，你可以将它们部署到你的 Web 服务器上。

结论

现在你已经掌握了如何设置 Gatsby 项目的基本步骤！通过按照本文所述的步骤进行操作，你可以在几分钟内创建并启动一个新的 Gatsby 网站。如果你想深入了解如何使用 Gatsby，可以参考 Gatsby 官方文档进行学习。