Hugo 完整使用指南
目录
本文详细介绍 Hugo 静态网站生成器的使用方法,包含图片展示和表格对比。
图片示例
方式一:使用 Markdown 标准语法

方式二:使用 Hugo Figure Shortcode(推荐,支持标题和缩放)

图 1:Hugo 站点目录结构
表格示例
Markdown 表格
| 特性 | Hugo | Hexo | Jekyll |
|---|---|---|---|
| 构建速度 | 极快 (Go) | 中等 (Node) | 慢 (Ruby) |
| 二进制文件 | 单文件 | 需 Node 环境 | 需 Ruby 环境 |
| 主题数量 | 300+ | 400+ | 1000+ |
| 实时重载 | 支持 | 支持 | 需插件 |
复杂表格(使用 HTML)(必须是纯文本,无缩进,无反引号)
| 配置项 | 开发环境 | 生产环境 |
|---|---|---|
| baseURL | localhost:1313 | https://opencognition.cn |
| 构建参数 | hugo server -D | hugo --minify |
数学公式展示
行内公式:
块级公式:
结论
Hugo 是目前构建静态网站的最佳选择之一,特别适合博客