如何在博客文章中插入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 视频了! ...

2025年7月30日 · Lingming

图片使用指南:如何在博客中添加图片

图片存放位置 在你的Hugo博客中,所有图片都应该放在 static/images/ 目录下: 1 2 3 4 5 6 7 8 static/ ├── images/ │ ├── posts/ # 文章相关图片 │ ├── logos/ # 品牌logo │ ├── screenshots/ # 软件截图 │ └── icons/ # 图标素材 ├── logo.svg # 网站logo └── favicon.svg # 网站图标 创建图片目录 让我们为这篇文章创建一个专门的图片目录: ...

2025年7月30日 · Lingming

我的第一篇笔记:开启灵明之旅

欢迎来到灵明博客 灵明者,心之本体也。在这个信息爆炸的时代,我们每天都在接收大量的信息,却很少有时间静下心来思考。这个博客就是我记录思考、分享学习心得的地方。 为什么选择 “灵明” “灵明"二字取自王阳明心学,意为心灵的本然之明。正如阳明先生所言: “心者,身之主宰也,而心之虚灵明觉,即所谓本然之良知也。” 在这个博客中,我希望能够: 记录思考:将日常的所思所想整理成文字 分享知识:分享技术、生活、阅读中的收获 保持学习:通过写作深化理解,促进成长 连接他人:与志同道合的朋友交流思想 博客特色 技术栈 Hugo:快速的静态网站生成器 Cloudflare Pages:全球 CDN 加速部署 PaperMod:简洁优雅的主题 Fuse.js:强大的本地搜索功能 内容方向 📚 技术分享:编程经验、工具使用、技术思考 📖 阅读笔记: 读书心得、感悟随笔 🎯 学习方法:如何高效学习、知识管理 🔍 工具推荐:好用的软件、应用、方法论 博客功能 快速导航 首页:最新文章和博客介绍 归档:按时间顺序浏览所有文章 标签:通过标签快速找到相关内容 搜索:支持全文搜索,快速定位信息 阅读体验 响应式设计:完美适配手机、平板、电脑 深色模式:保护眼睛的夜间阅读 快速加载:优化的性能体验 优雅排版:舒适的阅读界面 第一篇博客的意义 写下这篇博客,标志着正式开始了我的记录之旅。就像古人说的: ...

2025年7月30日 · Lingming