成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

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

譯文
開發 前端
如果您希望將生成靜態網站的功能添加到開發生命周期中,本文介紹了如何用Hugo做到這一點。

[[407032]]

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

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

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

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

您需要什么?

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

如何安裝Hugo?

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

  1. sudo apt-get install hugo -y 

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

  1. sudo apt-get install git -y 

這就是安裝工作。

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

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

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

  1. hugo new site test 

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

  1. cd test 

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

  1. git init 

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

  1. cd thems 

現在,使用以下命令下載主題:

  1. git submodule add URL 

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

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

您應該會看到該主題的新子文件夾。使用以下命令切換進入到該文件夾:

  1. cd FOLDER 

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

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

  1. cp -rf * ../../ 

使用以下命令,切換回到root目錄:

  1. cd ../../ 

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

  1. cp exampleSite/config.toml . 

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

  1. hugo server -D 

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

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

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

如何修改主題?

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

  1. nano config.toml 

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

  1. title = "Hugo DPSG" 

改成:

  1. title = "TechRepublic Test Site" 

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

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

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

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

【51CTO譯稿,合作站點轉載請注明原文譯者和出處為51CTO.com】

 

責任編輯:華軒 來源: 51CTO
相關推薦

2017-11-13 18:49:58

華為

2022-08-21 16:50:36

Kubeadm?Kubernetes

2010-01-18 10:01:56

2021-06-24 06:00:51

EleventyJavaScript靜態網站

2014-04-14 15:27:01

2013-07-05 09:02:24

開放平臺天翼開放平臺開發者

2011-07-26 10:09:07

組策略軟件部署

2020-11-02 08:15:00

Python數據開發

2017-01-05 08:54:15

OctopressHugo遷移

2017-03-22 10:06:40

ubuntuceph集群

2011-05-27 16:48:06

百度收錄

2011-04-21 11:07:29

遨游3

2025-01-21 11:52:12

AnsiblePython自動化運維

2009-12-28 14:29:53

光纖接入網

2021-08-10 07:27:42

Elasticsear集群開源

2024-03-14 11:22:54

2020-10-05 21:59:02

靜態網頁HTMLCSS

2019-09-18 10:07:24

ExcelSQL數據庫

2009-12-11 08:54:55

添加靜態路由

2023-02-13 14:47:32

人工智能機器學習ChatGPT
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 亚洲精品视频二区 | www.啪啪.com| 亚洲国产一区在线 | 国产一区二区中文字幕 | 亚洲欧美综合精品久久成人 | 91在线观看网址 | 国产精品我不卡 | 国产ts人妖系列高潮 | 青青草一区 | 伊人精品国产 | 性做久久久久久免费观看欧美 | 免费在线观看一区二区 | 欧美伊人久久久久久久久影院 | 日韩精品无码一区二区三区 | 亚洲精品一区二三区不卡 | 欧美高清视频 | 日韩三级免费网站 | 特级特黄特色的免费大片 | 天天躁日日躁狠狠躁2018小说 | 精精国产xxxx视频在线播放 | 欧美日韩大片 | 国产伦精品一区二区三区照片91 | 亚洲欧美v | 亚洲精色 | 精品免费国产视频 | 成人做爰www免费看视频网站 | 一区二区三区国产好 | 99精品久久久国产一区二区三 | www.久久久.com | 国产综合精品一区二区三区 | 黄色操视频 | 亚洲综合免费 | 久久999 | 亚洲精品成人网 | 国产午夜在线 | 精品三区 | 免费精品在线视频 | 久久网一区二区 | 三级视频网站 | 国产日韩免费观看 | 国产精品久久久久久久久久尿 |