图片使用示例
基础图片插入 方法 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 中设置封面图: ...