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