跳过正文
  1. 工具/

Hugo

· 761 字· 3 分钟
sun.ao
作者
sun.ao
我是 sun.ao,一名热爱技术的程序员,专注于 AI 和数智化领域。
目录

编辑说明
#

本文基于 Hugo 官方文档与社区资料整理,仅作信息汇总与工具推荐。Hugo 持续迭代,具体功能以官方最新版本为准。

Hugo 是什么
#

Hugo 是用 Go 语言 编写的静态站点生成器(Static Site Generator),核心标签就是三个字——快、简、稳。它把 Markdown 文件、模板、静态资源编译成纯 HTML 网站,不需要数据库、不需要后端,部署就是一个文件夹扔到 CDN 的事。

Hugo 由 Steve Francia 在 2013 年创建,目前由 Bjørn Erik Pedersen 带领社区维护。截至 2026 年,GitHub 上已有 8.7 万+ 星标,是静态站点生成器领域最受欢迎的项目之一。

维度说明
核心能力Markdown → 静态 HTML,构建速度极快
编程语言Go(单二进制文件,无运行时依赖)
适用场景博客、文档站、企业官网、作品集、落地页
开源协议Apache 2.0
最新版本v0.164+(2026 年 7 月)

为什么选 Hugo:核心竞争力
#

1. 构建速度碾压同类
#

Hugo 的 slogan 是 “The world’s fastest framework for building websites”,这不是口号。一个 5000+ 页面的文档站,Hugo 构建时间通常在 几百毫秒 以内,而 Jekyll、Gatsby 等可能需要数分钟。

这种速度来源于 Go 语言的并发特性——Hugo 在构建时会充分利用所有 CPU 核心。实际开发中,hugo server 启动后保存 Markdown 文件,浏览器 毫秒级刷新,体验极其顺滑。

2. 单二进制,零依赖
#

下载一个约 20MB 的可执行文件就能用。不需要装 Node.js、不需要配 Ruby 环境、不需要 npm install。CI/CD 集成极简——一行 hugo --gc --minify 就完成构建。

3. 完整的资产管线
#

  • 内置图像处理:裁剪、缩放、旋转、格式转换、EXIF 提取
  • JavaScript 打包:ESBuild 驱动,支持 tree shaking 和代码分割
  • Sass/SCSS 处理:原生支持,无需额外配置
  • Tailwind CSS 深度集成

4. 灵活的内容模型
#

  • 原生多语言支持(i18n),含 RTL 语言
  • 强大的分类系统(taxonomy):标签、分类、系列均可自定义
  • 短代码(Shortcodes):像 WordPress 一样在 Markdown 中插入复杂组件
  • 支持 Markdown、HTML、AsciiDoc、Org-mode 多种内容格式

适合谁
#

  • 想要极速构建和部署的个人博主
  • 需要多语言文档站的技术团队
  • 追求"写完就发布"极简工作流的内容创作者
  • 厌恶复杂构建工具链的开发者

不适合:需要在线编辑后台的非技术用户(Hugo 的编辑流程是"本地写 Markdown → 提交 Git → 自动部署")。

知名用户
#

Smashing Magazine(从 WordPress 迁移)、Cloudflare Developer Docs(从 Gatsby 迁移)、Netlify 官方文档等都在使用 Hugo。

快速开始
#

# macOS
brew install hugo

# 创建新站点
hugo new site my-blog
cd my-blog

# 添加主题
git init
git submodule add https://github.com/nunocoracao/blowfish.git themes/blowfish

# 启动开发服务器
hugo server -D

相关入口
#

相关文章