在本教程中,我们将向您展示如何在 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。 如需更多帮助或有用信息,我们建议您查看 盖茨比官方网站.