Hugo是什么？

Hugo 是一個使用 Go 語言開發的靜態網站生成器，速度快，靈活性高。它通過模板系統和快速的資產處理管道，能夠在數秒內渲染出完整的網站。Hugo 可以生成各種類型的網站，比如企業、政府、非營利組織、教育、新聞、活動和項目網站，文檔網站，圖像作品集，著陸頁，商業、專業和個人博客，簡歷等。

Hugo主要功能

快速資產處理管道

• 圖像處理：可以進行轉換、調整大小、裁剪、旋轉、調整顏色、應用濾鏡、疊加文本和圖像以及提取 EXIF 數據等操作。

• JavaScript 捆綁：將 TypeScript 和 JSX 轉譯為 JavaScript，進行捆綁、搖樹優化、壓縮、創建源映射和執行 SRI 哈希。

• Sass 處理：將 Sass 轉譯為 CSS，進行捆綁、搖樹優化、壓縮、創建源映射、執行 SRI 哈希，并與 PostCSS 集成。

• Tailwind CSS 處理：將 Tailwind CSS 實用類編譯為標準 CSS，進行捆綁、搖樹優化、優化、壓縮、執行 SRI 哈希，并與 PostCSS 集成。

靈活的框架

• Hugo 具有多語言支持和強大的分類系統，被廣泛用于創建文檔站點、登錄頁面、企業、政府、非營利組織、教育、新聞、活動和項目站點。

嵌入式 Web服務器

• 在開發過程中使用 Hugo 的嵌入式 Web 服務器可以立即查看內容、結構、行為和呈現的變化。

Hugo 模塊

• 可以通過公共或私有 Git 倉庫與其他項目共享內容、資產、數據、翻譯、主題、模板和配置。

Hugo版本

Hugo 有三種版本：標準版、擴展版和擴展 / 部署版。擴展版和擴展 / 部署版提供了一些高級功能，如將圖像編碼為 WebP 格式、使用嵌入式 LibSass 將 Sass 轉譯為 CSS 等。擴展 / 部署版還支持直接將網站部署到 Google Cloud Storage 桶、AWS S3 桶或 Azure Storage 容器。

Hugo如何使用？

1. 創建新網站

打開終端，運行以下命令創建一個新的 Hugo 網站：

hugo new site mynewsite
cd mynewsite

2. 添加主題

你可以從Hugo 主題庫選擇一個主題，并將其添加到你的網站中。以hyde主題為例，使用 Hugo 模塊系統導入主題：

# 初始化Hugo模塊系統
hugo mod init github.com/<your_user>/<your_project>
# 在hugo配置文件中導入主題
# 編輯hugo.toml或hugo.yaml文件，添加以下內容
[module]
[[module.imports]]
path = "github.com/spf13/hyde"

3. 創建內容

使用以下命令創建新的文章：

hugo new posts/my-first-post.md

然后編輯生成的 Markdown 文件content/posts/my-first-post.md，添加文章內容。

4. 開發和預覽

在開發過程中，你可以使用 Hugo 的嵌入式 Web 服務器實時查看內容、結構、行為和展示的更改。運行以下命令啟動服務器：

hugo server -D

-D選項表示包含草稿文章。打開瀏覽器，訪問http://localhost:1313，即可看到你的網站。

Github：https://github.com/gohugoio/hugo