这篇内容是为了演示如何在 Hugo 文章中添加特色图片。特色图片，也称为“首图”或“缩略图”，在博客文章列表、社交媒体分享以及文章页面本身都扮演着重要的角色，能够极大地提升文章的视觉吸引力。

在 Hugo 中，为文章添加特色图片非常直观。您只需要在文章的 Front Matter 中使用 images 键来指定图片的路径。这个图片可以存放在文章所在的目录，或者放在 static/images/ 目录中，然后在 images 键中提供相对路径。

例如，如果您的文章文件是 content/posts/my-post.md，并且特色图片 featured-image.jpg 也在同一目录下，那么 Front Matter 就会是：

+++
title = "带特色图片的文章"
date = 2023-10-26
images = ["featured-image.jpg"]
+++

如果图片放在 static/images/ 目录下，并且您想在文章中引用 images/featured-image.jpg，那么 Front Matter 应该是：

+++
title = "带特色图片的文章"
date = 2023-10-26
images = ["images/featured-image.jpg"]
+++

Hugo 的主题通常会提供在模板中引用这些图片的方法，例如在文章列表页显示文章的缩略图，或者在文章详情页显示特色图片。这种功能可以帮助我们构建更具吸引力的世界杯竞猜信息网站，展示赛事精彩瞬间或球队集锦。