丰富内容呈现：图片、视频与嵌入式媒体

Sat, 30 May 2026 00:00:00 +0000

让你的内容“活”起来：多媒体元素的整合

在现代数字内容创作中，仅仅依靠纯文本已经难以满足用户日益增长的阅读和信息获取需求。图片、视频、音频以及其他形式的富媒体内容，能够极大地增强信息的吸引力、易读性和传播力。Hugo作为一个强大的静态网站生成器，提供了灵活的方式来集成这些富媒体元素，让你的狗子28官网内容更加生动、丰富。

图片是丰富内容最直接的方式。在Markdown中，你可以使用标准的Markdown语法来插入图片，或者利用Hugo提供的Image Processing功能。

基础Markdown语法：

1

![图片描述](图片URL或相对路径 "图片标题")

例如：

1

![狗子28品牌Logo](/uploads/content/8c4702f8af262e7b.png "狗子28官方Logo")

这会在页面上显示狗子28的Logo。

Hugo图片处理（推荐）： Hugo内置了强大的图片处理功能，允许你轻松地调整图片大小、裁剪、转换为WebP格式等，以优化加载速度和显示效果。这通常通过shortcodes来实现。

一个典型的Hugo shortcode可能如下所示（具体取决于你的主题）：
1 2

{{/* 假设你有一个名为 'figure' 的shortcode */}} 这张图展示了狗子28平台的功能。
这种方式更加灵活，并且可以集成响应式图片（srcset）等高级特性。

视频能够以动态、直观的方式传达信息，非常适合产品演示、教程讲解或品牌