[[407032]]

【51CTO.com快譯】貴企業(yè)想要開(kāi)始使用靜態(tài)網(wǎng)站生成器的原因有很多。原因之一是您需要能夠快速部署網(wǎng)站，不必費(fèi)心編寫(xiě)代碼?；蛘撸赡芟Ｍ罱K可以為常規(guī)靜態(tài)網(wǎng)站部署實(shí)現(xiàn)該過(guò)程的自動(dòng)化。

借助Hugo之類的工具，您可以使用預(yù)定義的模板來(lái)生成完整的靜態(tài)網(wǎng)站。頁(yè)面的呈現(xiàn)非?？欤虼巳绻趯で笏俣?，這可能是您需要的工具。關(guān)于用Hugo構(gòu)建的網(wǎng)站，您要了解的一件事是，沒(méi)有數(shù)據(jù)庫(kù)后端或插件來(lái)擴(kuò)展功能集。這些本質(zhì)上是靜態(tài)網(wǎng)站。

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

如果這聽(tīng)起來(lái)像是您想要嘗試的事情，那么您很幸運(yùn)，因?yàn)槲覍⒅鸩浇榻B用Hugo部署您的第一個(gè)網(wǎng)站的步驟。

您需要什么?

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

如何安裝Hugo?

Hugo可以在標(biāo)準(zhǔn)Linux存儲(chǔ)庫(kù)中找到，因此只需一個(gè)命令即可安裝。登錄到您的Ubuntu Server實(shí)例，執(zhí)行以下命令：

sudo apt-get install hugo -y 

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

sudo apt-get install git -y 

這就是安裝工作。

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

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

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

hugo new site test 

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

cd test 

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

git init 

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

cd thems 

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

git submodule add URL 

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

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

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

cd FOLDER 

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

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

cp -rf * ../../ 

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

cd ../../ 

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

cp exampleSite/config.toml . 

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

hugo server -D 

現(xiàn)在Hugo呈現(xiàn)靜態(tài)網(wǎng)站。唯一的問(wèn)題是，您無(wú)法訪問(wèn)它，因?yàn)樗幌騦ocalhost呈現(xiàn)網(wǎng)站。雖然您可以更改config.toml文件中的baseURL選項(xiàng)，但無(wú)濟(jì)于事。相反，您需要使用以下命令啟動(dòng)Hugo測(cè)試網(wǎng)站：

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

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

如何修改主題?

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

nano config.toml 

在該文件中進(jìn)行編輯，比如將下面這一行：

title = "Hugo DPSG" 

改成：

title = "TechRepublic Test Site" 

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

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

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

原文標(biāo)題：How to quickly deploy a static website with Hugo，作者：Jack Wallen

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