Hugo 完整使用指南

本文详细介绍 Hugo 静态网站生成器的使用方法,包含图片展示和表格对比。

图片示例

方式一:使用 Markdown 标准语法

Hugo 目录结构

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

Hugo 目录结构示意图

图 1:Hugo 站点目录结构

表格示例

Markdown 表格

特性HugoHexoJekyll
构建速度极快 (Go)中等 (Node)慢 (Ruby)
二进制文件单文件需 Node 环境需 Ruby 环境
主题数量300+400+1000+
实时重载支持支持需插件

复杂表格(使用 HTML)(必须是纯文本,无缩进,无反引号)

配置项开发环境生产环境
baseURLlocalhost:1313https://opencognition.cn
构建参数hugo server -Dhugo --minify

数学公式展示

行内公式:E=mc2E=mc^2

块级公式:

Attention(Q,K,V)=softmax(QKTdk)V \text{Attention}(Q,K,V) = \text{softmax}\left(\frac{QK^T}{\sqrt{d_k}}\right)V

结论

Hugo 是目前构建静态网站的最佳选择之一,特别适合博客