欢迎使用Jekyll&#39；帖子中缺少Kitty图像，但显示在index.md和About.md上 [英] Kitty image is missing in 'Welcome to Jekyll' post but shown at index.md and about.md

问题描述

我的目标是使用Jekyll+Github页面在帖子中显示图像。我遇到了404错误，图像没有显示。我的回购是https://github.com/kuolai/blogubb。该网站位于https://kuolai.github.io/blogubb。如果您转到该网站，您将在主页上看到一张猫咪图像。但是如果你去帖子Welcome to Jekyll，就没有图片了！！

我创建远程回购和站点的步骤：

1. gihub.com/new创建远程回购
2. 本地回购是用jekyll new blogubb
创建的
3. _config.yml，一行更改`baseurl："；blogubb"；
4. 照片是一只存放在Assets/img/kitty.png中的可爱小猫
5. 唯一的帖子，默认的帖子，2021-11-13-Welcome-to-jekyll.markdown，添加了一行![](/assets/img/kitty.png)
6. git checkout -b "gh-pages"
7. git remote add origin .../blogubb.git
8. git push origin gh-pages

除了Welcome to Jekyll帖子中未显示的猫咪图像外，其他一切看起来都很好。 我也试过

• localhost：4000，工作正常
• ![](/assets/img/kitty.png)首页index.markdown，工作正常
• ![](/assets/img/kitty.png)大约第about.markdown页，工作正常
• 甚至https://github.com/kuolai/blogubb/blob/gh-pages/_posts/2021-11-13-welcome-to-jekyll.markdown在回购工作

Chrome DevTools控制台错误信息：

GET https://kuolai.github.io/assets/img/kitty.png 404
welcome-to-jekyll.html:50  

最小限度地说，我能够用最少的更改行重新创建问题。请帮帮忙。

推荐答案

我解决了。替换

![](/assets/img/kitty.png)

与

![]({{"/assets/img/kitty.png" | relative_url }} )

液体过滤器文档在https://jekyllrb.com/docs/liquid/filters/

这篇关于欢迎使用Jekyll&#39；帖子中缺少Kitty图像，但显示在index.md和About.md上的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！