【问题标题】:Kitty image is missing in 'Welcome to Jekyll' post but shown at index.md and about.md'Welcome to Jekyll' 帖子中缺少 Kitty 图片,但在 index.md 和 about.md 中显示
【发布时间】:2021-12-25 11:49:30
【问题描述】:

我的目标是使用 Jekyll + Github Pages 在帖子中显示图像。我遇到了 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 帖子中未显示的小猫图片,一切看起来都不错。 我也试过了

来自 Chrome DevTools 控制台的错误消息:

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

为了尽量减少情况,我能够以最少的更改重新创建问题。请帮忙。

【问题讨论】:

  • 错误信息中的完整路径名显示![](assets/img/kitty.png)相对链接未正确展开的线索。它应该是 kuolai.github.io/assets/img/blogubb/kitty.png 但遗憾的是 kuolai.github.io/assets/img/kitty.png 没有 baseurl。

标签: image localhost jekyll github-pages relative-url


【解决方案1】:

我解决了。替换

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

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

Liquid Filters的文档在https://jekyllrb.com/docs/liquid/filters/

【讨论】:

    猜你喜欢
    • 2018-11-19
    • 2020-08-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多