Hugo

快速开始 在 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 视频了！ ...

图片存放位置 在你的Hugo博客中，所有图片都应该放在 static/images/ 目录下： 1 2 3 4 5 6 7 8 static/ ├── images/ │ ├── posts/ # 文章相关图片 │ ├── logos/ # 品牌logo │ ├── screenshots/ # 软件截图 │ └── icons/ # 图标素材 ├── logo.svg # 网站logo └── favicon.svg # 网站图标 创建图片目录 让我们为这篇文章创建一个专门的图片目录： 1 mkdir -p static/images/posts/2025-07-30-image-guide/ 实际使用示例 1. 封面图片 在文章头部添加封面图： 1 2 3 4 --- title: "文章标题" image: "/images/posts/2025-07-30-image-guide/cover.jpg" --- 2. 内容图片 在正文中插入图片： 1 2 3   3. 图片对齐 使用HTML实现更复杂的布局： ...

欢迎来到灵明博客 灵明者，心之本体也。在这个信息爆炸的时代，我们每天都在接收大量的信息，却很少有时间静下心来思考。这个博客就是我记录思考、分享学习心得的地方。 为什么选择 “灵明” “灵明"二字取自王阳明心学，意为心灵的本然之明。正如阳明先生所言： “心者，身之主宰也，而心之虚灵明觉，即所谓本然之良知也。” 在这个博客中，我希望能够： 记录思考：将日常的所思所想整理成文字 分享知识：分享技术、生活、阅读中的收获 保持学习：通过写作深化理解，促进成长 连接他人：与志同道合的朋友交流思想 博客特色 技术栈 Hugo：快速的静态网站生成器 Cloudflare Pages：全球 CDN 加速部署 PaperMod：简洁优雅的主题 Fuse.js：强大的本地搜索功能 内容方向 📚 技术分享：编程经验、工具使用、技术思考 📖 阅读笔记: 读书心得、感悟随笔 🎯 学习方法：如何高效学习、知识管理 🔍 工具推荐：好用的软件、应用、方法论 博客功能 快速导航 首页：最新文章和博客介绍 归档：按时间顺序浏览所有文章 标签：通过标签快速找到相关内容 搜索：支持全文搜索，快速定位信息 阅读体验 响应式设计：完美适配手机、平板、电脑 深色模式：保护眼睛的夜间阅读 快速加载：优化的性能体验 优雅排版：舒适的阅读界面 第一篇博客的意义 写下这篇博客，标志着正式开始了我的记录之旅。就像古人说的： “千里之行，始于足下。” 每一个伟大的旅程都始于第一步，每一个优秀的博客都始于第一篇文章。 期待与展望 未来的日子里，我会在这里： 持续更新：保持每周至少一篇的频率 深度思考：不追求数量，注重质量 互动交流：欢迎读者留言讨论 不断改进：根据反馈优化博客体验 联系我 如果你有任何想法、建议或想交流的话题，欢迎通过以下方式联系我： 📧 邮箱：通过博客联系页面 💬 评论：在每篇文章下方留言 🔗 分享：转发你认为有价值的内容 感谢你的到来，让我们一起在灵明之路上前行！ “此心光明，亦复何言。” - 王阳明 写于 2025 年 7 月底，灵明博客诞生之际 ...