如何在博客文章中插入YouTube视频

bt365体育平台3 2026-01-03 22:28:04 作者: admin 阅读: 5449
如何在博客文章中插入YouTube视频

快速开始#在 Markdown 文章中插入 YouTube 视频非常简单,使用 Hugo 内置的短代码即可:

基本用法#1

{{< youtube VIDEO_ID >}}

实际示例#假设 YouTube 视频链接是:https://www.youtube.com/watch?v=dQw4w9WgXcQ

只需在文章中写入:

1

{{< youtube dQw4w9WgXcQ >}}

高级用法#设置自定义尺寸:

1

{{< youtube id="dQw4w9WgXcQ" width="100%" height="400" >}}

设置开始时间(从30秒开始):

1

{{< youtube id="dQw4w9WgXcQ" start="30" >}}

获取视频ID的方法#打开 YouTube 视频复制 URL 中 v= 后面的部分例如:https://www.youtube.com/watch?v=ABC123DEF456 → ABC123DEF456完整示例# 1

2

3

4

5

6

7

8

9

10

11

12

---

title: "我的旅行记录"

date: 2025-07-30

---

这次旅行记录了很多美好瞬间:

{{< youtube dQw4w9WgXcQ >}}

更多风景:

{{< youtube m5d1FlB8kRs width="100%" height="400" >}}

现在你就可以在博客文章中轻松添加 YouTube 视频了!

相关推荐