如何用Hugo快速部署靜態網站？

貴企業想要開始使用靜態網站生成器的原因有很多。原因之一是您需要能夠快速部署網站，不必費心編寫程式碼。或者，您可能希望最終可以為常規靜態網站部署實現該過程的自動化。

藉助Hugo之類的工具，您可以使用預定義的模板來生成完整的靜態網站。頁面的呈現非常快，因此如果您在尋求速度，這可能是您需要的工具。關於用Hugo構建的網站，您要了解的一件事是，沒有資料庫後端或插件來擴展功能集。這些本質上是靜態網站。

然而，藉助合適的開發技巧，您可以使用這些類型的網站來增強貴公司在網上的實力，將它們用於自助服務終端、嵌入式系統，或可以受益於速度飛快的靜態網站的幾乎任何使用場景。

如果這聽起來像是您想要嘗試的事情，那麼您很幸運，因為我將逐步介紹用Hugo部署您的第一個網站的步驟。

您需要什麼?

Hugo可以安裝在Linux和macOS上。我將使用Ubuntu Server 20.04演示該過程，因此您需要開源作業系統例項的運行中例項和擁有sudo許可權的使用者。

如何安裝Hugo?

Hugo可以在標準Linux儲存庫中找到，因此只需一個命令即可安裝。登入到您的Ubuntu Server例項，執行以下命令：

sudo apt-get install hugo -y

Hugo還依賴Git，所以不妨也安裝它(萬一它尚未安裝)：

sudo apt-get install git -y

這就是安裝工作。

如何創建您的第一個網站?

您要做的第一件事是瀏覽Hugo主題儲存庫，找到要用於您網站的主題。一旦找到喜歡的主題，務必拷貝GitHub CLI下載連結。

我們將使用hugo命令為我們的新網站生成基礎(我們稱之為測試)，命令如下：

hugo new site test

使用以下命令切換進入到新創建的目錄：

cd test

接下來，您需要使用以下命令為git初始化新網站：

git init

現在我們將從儲存庫下載主題。使用以下命令切換進入到主題目錄：

cd thems

現在，使用以下命令下載主題：

git submodule add URL

其中URL是您要使用的主題的URL。比如說，我將部署一個基於DPSG主題的網站，因此命令將是：

git submodule add https://github.com/pfadfinder-konstanz/hugo-dpsg

您應該會看到該主題的新子資料夾。使用以下命令切換進入到該資料夾：

cd FOLDER

其中FOLDER是新資料夾的名稱。

使用以下命令，將所有內容拷貝到root目錄中：

cp -rf * ../../

使用以下命令，切換回到root目錄：

cd ../../

接下來，我們需要使用以下命令，把config.toml檔案(來自exampleSite目錄)拷貝到測試網站的root目錄：

cp exampleSite/config.toml .

現在，不妨使用以下命令啟動我們的第一個Hugo網站：

hugo server -D

現在Hugo呈現靜態網站。唯一的問題是，您無法訪問它，因為它只向localhost呈現網站。雖然您可以更改config.toml檔案中的baseURL選項，但無濟於事。相反，您需要使用以下命令啟動Hugo測試網站：

hugo server --bind=SERVER --baseURL=http://SERVER:1313

其中SERVER是託管伺服器的IP地址或域名。您使用上述命令啟動Hugo測試網站後，隨後可以將Web瀏覽器指向http://SERVER:1313(其中SERVER是託管伺服器的IP地址或域名)，即可看到您新網站的主題。

如何修改主題?

真正出色的地方在這裡。讓網站保持運行，用另一個終端視窗登入到您的Hugo伺服器。切換進入到測試資料夾，使用以下命令開啟config.toml檔案以編輯：

nano config.toml

在該檔案中進行編輯，比如將下面這一行：

title = "Hugo DPSG"

改成：

title = "TechRepublic Test Site"

一旦您儲存並關閉檔案，Hugo伺服器就會檢測到變化，並自動重建網站。如果您在Web瀏覽器中重新整理頁面，會看到變化。您可以仔細查詢config.toml檔案，對它加以定製，以完全符合自己的要求。

如果完成了測試，可在運行hugo server命令的終端停止Hugo伺服器，只需按Ctrl+c快捷鍵。

這就是用Hugo部署您的第一個靜態網站的全部內容。現在您可以開始部署靜態網站或將Hugo新增到網站開發週期中，為自動部署速度飛快的靜態網站打造一個系統。