Hugo 写作指南：从入门到精通

Mon, 20 Apr 2026 00:00:00 +0000

这篇文章将带你快速掌握在 Hugo 中撰写高质量内容的技巧。从最基础的文字排版，到图片管理，再到复杂的数学公式渲染，这里都有最标准的参考写法。

1. 基础排版与引用

在 Hugo 中，良好的层级结构有助于 SEO 和阅读体验。你可以使用标准的 Markdown 语法来排版。

所谓“静态网站生成器”，本质上是在你发布之前，将 Markdown 源文件预先编译成 HTML 文件的过程。这种架构极大地提升了网站的安全性与访问速度。

你现在的博客结构已经采用了 Page Bundle 模式。这意味着：

如果你在文件夹里放了一张 cover.jpg，引用方式非常简单：

Hugo 内置了强悍的代码高亮引擎。

1
2
3
4


def welcome_hugo():
 message = "Hello, Hugo World!"
 print(message)
 return True

通过在 Front Matter 中设置 math: true，你可以书写复杂的数学公式：

行内公式：例如黄金分割比例 $\varphi = \dfrac{1+\sqrt5}{2}$。

块级公式：

$$ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } $$

表格是展示对比数据的利器：