如何在Jekyll博客文章中正确添加外部图片？

Jekyll完全支持在文章中插入外部图片，无论是Markdown语法还是HTML语法都支持绝对路径的外部资源引用，你遇到的加载失败问题和路径类型无关。

你当前使用的URL是图片介绍页面的网页地址，并非直接的图片资源地址，浏览器无法将HTML页面识别为图片资源渲染，因此显示损坏占位符。

实现方式1：Markdown原生语法 #

使用标准Markdown图片语法即可，无需额外配置：

![图片替代文本](https://示例域名/示例图片.jpg)

实现方式2：HTML img标签语法 #

Jekyll渲染时会保留原生HTML内容，直接使用img标签也可正常加载：

<img src="https://示例域名/示例图片.jpg" alt="图片替代文本" width="调整宽度可选">

常见加载失败排查 #

• 验证图片URL有效性：单独将图片URL粘贴到浏览器地址栏访问，确认打开后仅显示图片内容，无其他网页元素。
• 排查防盗链限制：部分图床服务会限制跨域引用，若直接访问URL正常、但Jekyll站点加载失败，可更换支持公开引用的图床。
• 检查插件配置：若你安装了链接改写类Jekyll插件，确认插件未改写https开头的外部绝对路径，默认配置下无此问题。

内容的提问来源于stack exchange，提问作者David