如何在 Ubuntu 20.04 LTS 上安裝 Gatsby

在本教程中,我們將向您展示如何安裝 GatsbyUbuntu20.04 LTS。 對於那些不知道的人,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、18.04 和任何其他基於 Debian 的發行版,例如 Linux Mint 或 Elementary OS。
  • 建議您使用全新的操作系統安裝以避免潛在問題。
  • 一個 non-root sudo user 或訪問 root user . 我們建議充當 non-root sudo user 但是,如果您在以 root 身份操作時不小心,它可能會損害您的系統。

在 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。 如需更多幫助或有用信息,我們建議您參考蓋茨比官方網站.

相關文章