如何在 Ubuntu 20.04 LTS 上安装 Gatsby

在本教程中,我们将向您展示如何在 Ubuntu 20.04 LTS 上安装 Gatsby。 对于那些不知道的人,Gatsby 是一个基于 React 的 GraphQL 驱动的静态站点生成器。 在构建期间,Gatsby 获取所有数据,将整个网站呈现为静态 HTML、CSS、JS 文件以及当时可用的数据。 在生成静态文件时,Gatsby 应用程序可以部署在任何地方。

本文假设您至少具备 Linux 的基本知识,知道如何使用 shell,最重要的是,您将站点托管在自己的 VPS 上。 安装非常简单,假设您在 root 帐户中运行,否则您可能需要添加 ‘sudo‘ 到获得 root 权限的命令。 我将向您展示在 Ubuntu 20.04 (Focal Fossa) 上逐步安装 Gatsby。 您可以按照针对 Ubuntu 18.04、16.04 和任何其他基于 Debian 的发行版(如 Linux Mint)的相同说明进行操作。

在 Ubuntu 20.04 LTS Focal Fossa 上安装 Gatsby

步骤 1. 首先,通过运行以下命令确保所有系统包都是最新的 apt 终端中的命令。

sudo apt update sudo apt upgrade sudo apt install build-essential

步骤 2. 安装 Node.js。

现在将 Node.js 存储库添加到您的系统:

curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - sudo apt install nodejs

现在检查您的 Node.js 版本以确保它适用于:

nodejs -v

并检查 NPM 版本:

npm -v

步骤 3. 在 Ubuntu 20.04 上安装 Gatsby。

Gatsby CLI 可通过 npm 获得。 运行以下命令安装 gatsby-cli:

npm install -g gatsby-cli

检查 Gatsby 是否正确安装:

gatsby -v

第 4 步。建立您的 Gatsby 站点。

现在创建你的第一个 Gatsby 测试站点:

gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world

此命令创建了一个名为 hello-world 的目录并将测试站点下载到该目录中,您现在可以使用以下命令运行启动站点:

cd hello-world gatsby develop

第 5 步。访问 Gatsby 站点。

完全成功安装后,您的 Gatsby 站点现在运行于 https://localhost:8000 并且应该输出 Hello world!

恭喜! 您已成功安装 Gatsby。 感谢您使用本教程在 Ubuntu 20.04 LTS Focal Fossa 系统上安装 Gatsby。 如需更多帮助或有用信息,我们建议您查看 盖茨比官方网站.