成人免费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靜態網站

2013-07-05 09:02:24

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

2014-04-14 15:27:01

2011-07-26 10:09:07

組策略軟件部署

2020-11-02 08:15:00

Python數據開發

2017-03-22 10:06:40

ubuntuceph集群

2017-01-05 08:54:15

OctopressHugo遷移

2011-04-21 11:07:29

遨游3

2021-08-10 07:27:42

Elasticsear集群開源

2011-05-27 16:48:06

百度收錄

2025-01-21 11:52:12

AnsiblePython自動化運維

2009-12-28 14:29:53

光纖接入網

2024-03-14 11:22:54

2019-09-18 10:07:24

ExcelSQL數據庫

2009-12-11 08:54:55

添加靜態路由

2023-02-13 14:47:32

人工智能機器學習ChatGPT

2020-10-05 21:59:02

靜態網頁HTMLCSS
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 亚洲精品免费在线观看 | 亚洲日韩欧美一区二区在线 | 91视视频在线观看入口直接观看 | 成人伊人 | 免费成人国产 | 亚洲久久在线 | 婷婷在线视频 | 精品成人在线观看 | 日本成人在线观看网站 | 99精品视频在线 | 男人天堂网址 | 亚洲人成人一区二区在线观看 | 国产精品亚洲综合 | 欧美一区二区三区,视频 | 亚洲va欧美va天堂v国产综合 | 亚洲一区不卡 | 色就干| 亚洲一区二区在线播放 | 日本一区二区高清不卡 | 91视频三区 | 欧美a区 | 99在线免费观看视频 | 国产亚洲网站 | 男人的天堂在线视频 | 亚洲自拍偷拍欧美 | 美女黄18岁以下禁止观看 | 国产精品久久久久久吹潮日韩动画 | 国产精品1区2区3区 欧美 中文字幕 | 国产区在线看 | 久久久久久久久综合 | 久草视频在线播放 | 久久成人免费视频 | 国产一区免费 | h视频在线免费 | 欧美成人激情 | 中文字幕1区2区3区 亚洲国产成人精品女人久久久 | 亚洲电影免费 | 午夜资源| 久久av网站| 久久国产激情视频 | 精品毛片 |