图片使用示例

基础图片插入 方法 1:Markdown 语法 最简单的方式: 方法 2:带标题的图片 方法 3:Hugo Figure Shortcode 使用 Hugo 的 figure shortcode 可以添加更多功能: 这是图片说明文字 图片大小控制 使用 HTML(更灵活) 使用内联样式 多图并排显示 外部图片链接 也可以直接引用外部图片: 图片优化建议 使用合适的格式: 照片 → JPG 图标/插图 → PNG 动画 → GIF 现代浏览器 → WebP 压缩图片: 使用工具如 TinyPNG 压缩图片 保持文件大小在 200KB 以下 命名规范: 使用英文和连字符 例如:blog-post-header.jpg 图片尺寸: 全宽图片:1200px 内容图片:800px 缩略图:400px 封面图片 在文章的 Front Matter 中设置封面图: ...

2025年10月30日 · 1 分钟 · 77 字 · 奶茶

Markdown 语法指南

本文展示 Hugo 博客中支持的 Markdown 语法。 标题 1 2 3 4 5 6 # H1 标题 ## H2 标题 ### H3 标题 #### H4 标题 ##### H5 标题 ###### H6 标题 文本样式 这是粗体文本。 这是斜体文本。 这是粗斜体文本。 这是删除线文本。 这是行内代码。 列表 无序列表 项目 1 项目 2 子项目 2.1 子项目 2.2 项目 3 有序列表 第一项 第二项 子项 2.1 子项 2.2 第三项 任务列表 已完成的任务 未完成的任务 待办事项 引用 这是一段引用文本。 可以包含多个段落。 — 作者名 嵌套引用: ...

2025年10月30日 · 2 分钟 · 397 字 · 奶茶