Hugo

Hugo简介

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