[[407032]]

【51CTO.com快譯】貴企業(yè)想要開始使用靜態(tài)網(wǎng)站生成器的原因有很多。原因之一是您需要能夠快速部署網(wǎng)站，不必費心編寫代碼?；蛘?，您可能希望最終可以為常規(guī)靜態(tài)網(wǎng)站部署實現(xiàn)該過程的自動化。

借助Hugo之類的工具，您可以使用預(yù)定義的模板來生成完整的靜態(tài)網(wǎng)站。頁面的呈現(xiàn)非?？?，因此如果您在尋求速度，這可能是您需要的工具。關(guān)于用Hugo構(gòu)建的網(wǎng)站，您要了解的一件事是，沒有數(shù)據(jù)庫后端或插件來擴展功能集。這些本質(zhì)上是靜態(tài)網(wǎng)站。

然而，借助合適的開發(fā)技巧，您可以使用這些類型的網(wǎng)站來增強貴公司在網(wǎng)上的實力，將它們用于自助服務(wù)終端、嵌入式系統(tǒng)，或可以受益于速度飛快的靜態(tài)網(wǎng)站的幾乎任何使用場景。

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

您需要什么?

Hugo可以安裝在Linux和macOS上。我將使用Ubuntu Server 20.04演示該過程，因此您需要開源操作系統(tǒng)實例的運行中實例和擁有sudo權(quán)限的用戶。

如何安裝Hugo?

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

sudo apt-get install hugo -y 

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

sudo apt-get install git -y 

這就是安裝工作。

如何創(chuàng)建您的第一個網(wǎng)站?

您要做的第一件事是瀏覽Hugo主題存儲庫(https://themes.gohugo.io/)，找到要用于您網(wǎng)站的主題。一旦找到喜歡的主題，務(wù)必拷貝GitHub CLI下載鏈接。

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

hugo new site test 

使用以下命令切換進入到新創(chuàng)建的目錄：

cd test 

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

git init 

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

cd thems 

現(xiàn)在，使用以下命令下載主題：

git submodule add URL 

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

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

您應(yīng)該會看到該主題的新子文件夾。使用以下命令切換進入到該文件夾：

cd FOLDER 

其中FOLDER是新文件夾的名稱。

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

cp -rf * ../../ 

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

cd ../../ 

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

cp exampleSite/config.toml . 

現(xiàn)在，不妨使用以下命令啟動我們的第一個Hugo網(wǎng)站：

hugo server -D 

現(xiàn)在Hugo呈現(xiàn)靜態(tài)網(wǎng)站。唯一的問題是，您無法訪問它，因為它只向localhost呈現(xiàn)網(wǎng)站。雖然您可以更改config.toml文件中的baseURL選項，但無濟于事。相反，您需要使用以下命令啟動Hugo測試網(wǎng)站：

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

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

如何修改主題?

真正出色的地方在這里。讓網(wǎng)站保持運行，用另一個終端窗口登錄到您的Hugo服務(wù)器。切換進入到測試文件夾，使用以下命令打開config.toml文件以編輯：

nano config.toml 

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

title = "Hugo DPSG" 

改成：

title = "TechRepublic Test Site" 

一旦您保存并關(guān)閉文件，Hugo服務(wù)器就會檢測到變化，并自動重建網(wǎng)站。如果您在Web瀏覽器中刷新頁面，會看到變化。您可以仔細查找config.toml文件，對它加以定制，以完全符合自己的要求。

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

這就是用Hugo部署您的第一個靜態(tài)網(wǎng)站的全部內(nèi)容。現(xiàn)在您可以開始部署靜態(tài)網(wǎng)站或?qū)ugo添加到網(wǎng)站開發(fā)周期中，為自動部署速度飛快的靜態(tài)網(wǎng)站打造一個系統(tǒng)。

原文標題：How to quickly deploy a static website with Hugo，作者：Jack Wallen

【51CTO譯稿，合作站點轉(zhuǎn)載請注明原文譯者和出處為51CTO.com】