雨果(Hugo),快速,靈活的靜態網站構建器

關於雨果

在下一篇文章中,我們將介紹雨果。 這是其中之一 開源靜態站點生成器 最受歡迎,它也是完全免費的。 憑藉其驚人的速度和靈活性,此生成器使網站的構建變得輕鬆快捷。 是關於 發電機 網站 用Go編寫的靜態HTML和CSS。 它針對速度,易用性和可配置性進行了優化。

創建網站是一個過程,需要一些時間,並且需要一些HTML和其他語言的知識。 因此,此靜態網站構建器在快速創建網站方面可以提供很大的幫助。 應該澄清的是,當我們談論 靜態網站是指不處理數據的網站。 也就是說,他們無法處理表格或生成文檔。 這些網站通常是為小型項目和信息站點而設計的。

雨果的一般特徵

  • 高速。 如其網站上所述,這是同類中最快的工具。 普通網站的構建時間不到一秒鐘.
  • 健壯的內容管理和靈活性規則。 雨果是內容策略師的夢想。 雨果 支持無限的內容類型,分類法,菜單,API驅動的動態內容等,所有都沒有附加組件。
  • 簡碼為我們提供了 使用Markdown語法的能力,提供了極大的靈活性。
  • 集成模板。 該靜態網站構建器具有通用的模式,可以快速創建我們的工作。 Hugo隨附了預製模板,可以進行快速SEO工作,註釋,分析和其他功能。
  • 自定義輸出。 允許我們 以多種格式生成我們的內容,包括JSON或AMP,從而方便了內容的創建。
  • 超過300個主題,為我們提供了一個易於實施但仍能夠生成最複雜網站的強大主題系統。 可以投 看看主題 可在項目網站上找到。

在Ubuntu上安裝Hugo

Hugo是一個非常受歡迎的程序,這使得在Gnu / Linux上(特別是Ubuntu)上安裝它很簡單。 第一個可用的安裝選項將使用 預編譯的軟件包可以在 項目發布頁面。 要下載.deb軟件包,我們只需要打開一個終端(Ctrl + Alt + T)並執行以下命令:

下載Hugo的.deb文件

wget https://github.com/gohugoio/hugo/releases/download/v0.69.0/hugo_0.69.0_Linux-64bit.deb

下載後, 我們將能夠通過執行此其他命令來安裝它 在同一終端:

安裝.deb軟件包

sudo dpkg -i hugo_0.69.0_Linux-64bit.deb

在安裝結束時,我們可以開始工作。

安裝此程序的另一種可能性是通過 卡扣包。 安裝就像打開終端(Ctrl + Alt + T)並輸入以下命令一樣簡單:

快速安裝包

sudo snap install hugo

第一步

雨果是一個網站建設者。 所以我們要做的第一件事是 使用以下格式創建一個新站點:

hugo new site [nombre-del-sitio]

對於此示例,我使用以下命令創建了一個新站點:

雨果創建網站

hugo new site sinforoso

這將創建一個新文件夾,名為 繞線 在通訊錄中 首頁 用戶。 首先,我們將訪問此文件夾,我們將從那裡開始工作.

我們接下來要做的是 為網站添加新主題. 如果要添加所有可用的主題,則可以使用以下命令:

git clone --depth 1 --recursive https://github.com/gohugoio/hugoThemes.git themes

這將安裝所有Hugo主題,因此可能需要很長時間。 嘗試您想要的一個可能會有所幫助。 就我而言,我選擇了一個特定的主題,因此我使用了以下命令來代替上面的命令:

下載雨果主題

git clone https://github.com/matcornic/hugo-theme-learn.git themes/learn

重要的是,我們將主題放在 主題,我們將在工作所在的文件夾中找到該文件。

安裝主題之後,我們必須 告訴雨果使用該特定主題。 為此,我們必須 在config.tom文件中定義它,我們將在工作文件夾中找到它 如以下屏幕截圖所示。

主題設定

進行更改後,我們將保存並關閉。 現在我們要做的就是 創建一個新索引以顯示在網站上。 我們將使用以下命令執行此操作:

在雨果創建索引

hugo new _index.md

如您所見,該文件具有md擴展名,這意味著 我們可以使用Markdown添加內容。 您可以在以下位置找到並編輯此文件: 內容文件夾.

_index.md文件的內容

我們也可以 創建新類別來塑造網站:

hugo new [categoría]/[archivo.md]

這一點, 查看我們的網站,我們將使用以下命令:

雨果服務

hugo serve

正如您在以下屏幕截圖中所看到的, 我們的網站可通過瀏覽器訪問:http://本地主機:1313.

Web瀏覽器中的網頁

簡而言之,Hugo是一個僅創建靜態網站的程序,但在某些情況下非常有用。 您可以在自己的網站上獲得有關該項目的更多信息。 現場官方文件.


發表您的評論

您的電子郵件地址將不會被發表。 必填字段標有 *

*

*

  1. 負責數據:MiguelÁngelGatón
  2. 數據用途:控制垃圾郵件,註釋管理。
  3. 合法性:您的同意
  4. 數據通訊:除非有法律義務,否則不會將數據傳達給第三方。
  5. 數據存儲:Occentus Networks(EU)託管的數據庫
  6. 權利:您可以隨時限制,恢復和刪除您的信息。

  1.   安東尼 他說:

    下載主題的命令中有一個小錯誤。 在帖子中,您指示該命令是:

    git clone –遞歸 https://github.com/spf13/hugoThemes 主題

    該命令給出了一個錯誤。 在官方頁面上,它指示要執行此過程,您必須輸入:

    git clone-深度1 –遞歸 https://github.com/gohugoio/hugoThemes.git 主題

    並下載所有主題。

    1.    達米安·阿莫多(Damien Amoedo) 他說:

      我只是更正了它。 謝謝你的提醒。