Github 页面：图像在 markdown 中正确显示，而不是在网站上

Question

我正在使用 Github Pages + Jekyll 创建博客。我很想得到你的帮助！

我刚刚上传了一个帖子，包括一张图片。提交更改后，我可以看到图片在预览中正确显示，但在浏览器中看不到。我还检查了不同的浏览器和手机，以确保它不是我的缓存或类似的东西。

代码：

它在 Github 上的预览效果：

这是图像在我的浏览器上的显示方式：

我将文件保存在 .md 文件所在的文件夹 images 中。

链接到完整代码here

链接到博文here

Answer 1

我做公关。
这是原始网址。
请检查这个。

https://github.com/financenerd/financenerd.github.io/pull/1/files

Answer 2

Jekyll 不会复制放置在 _posts 文件夹中的资产。因此，您的图像在构建后丢失。

您必须将图像放在另一个文件夹中（不以下划线开头）。就像项目根目录中的 /assets/img/ 或 /assets/images 一样。

然后在您的帖子中，在降价中

![image](/assets/img/ZAK.JPEG)

或

![image]({{site.baseurl}}/assets/img/ZAK.JPEG)

使用 Github 页面，您还可以选择：https://nhoizey.github.io/jekyll-postfiles/，但我不能代表经验。