什么是 Hugo?

Hugo 是一个用 Go 语言编写的开源静态网站生成器,以其极快的构建速度和简洁的使用方式而闻名。无论你是想建立个人博客、文档网站还是企业官网,Hugo 都能提供强大的支持。

Hugo 的核心优势

1. 闪电般的构建速度

Hugo 以其惊人的构建速度著称。即使网站包含数千个页面,也能在毫秒级完成构建。这得益于 Go 语言的高效性能。

2. 零依赖部署

Hugo 生成的是纯静态 HTML 文件,无需数据库、服务器端脚本或复杂的部署流程。只需上传文件到任何 Web 服务器即可。

3. 灵活的主题系统

Hugo 拥有丰富的主题库,你可以轻松选择喜欢的主题,或者自己开发定制主题。

4. 强大的内容管理

支持 Markdown 格式编写内容,内置分类、标签、日期等元数据管理功能。

快速开始

安装 Hugo

# macOS (使用 Homebrew)
brew install hugo

# Windows (使用 Chocolatey)
choco install hugo

# Linux
sudo apt-get install hugo

创建新网站

hugo new site my-website
cd my-website

添加主题

git clone https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod

创建第一篇文章

hugo new posts/my-first-post.md

本地预览

hugo server -D

然后在浏览器中访问 http://localhost:1313/ 查看你的网站。

Hugo 的文件结构

my-website/
├── archetypes/      # 文章模板
├── content/         # 网站内容(Markdown 文件)
├── layouts/         # 自定义布局模板
├── static/          # 静态文件(CSS、JS、图片等)
├── themes/          # 主题目录
├── config.toml      # 网站配置文件
└── public/          # 生成的静态网站(构建后)

多语言支持

Hugo 原生支持多语言网站。在 config.toml 中配置:

[languages]
  [languages.zh]
    languageName = "中文"
    weight = 1
  [languages.en]
    languageName = "English"
    weight = 2

然后创建对应的内容文件:

  • content/blog/_index.md - 中文版本
  • content/blog/_index.en.md - 英文版本

部署到 GitHub Pages

1. 创建 GitHub 仓库

创建名为 username.github.io 的仓库。

2. 配置 GitHub Actions

.github/workflows/hugo.yml 中配置自动构建和部署。

3. 推送代码

git add .
git commit -m "Initial commit"
git push origin main

GitHub Actions 会自动构建你的网站并部署到 GitHub Pages。

常用命令

命令说明
hugo new创建新文章
hugo server启动本地开发服务器
hugo构建网站(生成 public 文件夹)
hugo --minify构建并压缩输出

总结

Hugo 是构建现代静态网站的绝佳选择。它的高性能、简洁的工作流和强大的功能使其成为开发者和内容创作者的首选。无论你是技术爱好者还是非技术用户,Hugo 都能帮助你快速建立专业的网站。

如果你想了解更多关于 Hugo 的信息,可以访问 Hugo 官方网站


相关资源: