一篇带有特色图片的文章

这是一篇演示文章，旨在展示如何在 Hugo 中为文章添加特色图片。特色图片通常用于博客列表、社交媒体分享等场景，能够吸引读者的注意力。

在 Hugo 中，为文章设置特色图片非常简单。你只需要在文章的 Front Matter 中指定图片的路径。

+++
title = "一篇带有特色图片的文章"
date = "2024-01-06"
draft = false
tags = ["演示", "文章"]
featured_image = "/images/my-awesome-image.jpg" # 指定你的特色图片路径
+++

然后，在你的主题模板中，你可以通过访问 .Params.featured_image 来获取图片的路径，并将其显示在需要的位置。例如，在 single.html 模板中，你可以在文章标题上方或下方插入图片。

{{ if .Params.featured_image }}
<img src="{{ .Params.featured_image | relURL }}" alt="Featured Image">
{{ end }}

请确保你的特色图片文件放置在 static/images/ 目录下，或者在 assets/ 目录下通过 Hugo 的资源处理来管理。