【发布时间】:2021-12-25 11:49:30
【问题描述】:
我的目标是使用 Jekyll + Github Pages 在帖子中显示图像。我遇到了 404 错误,图像没有显示。我的仓库位于https://github.com/kuolai/blogubb。该网站位于https://kuolai.github.io/blogubb。如果您访问网站,您会在主页上看到一张小猫图片。但是如果你去发帖Welcome to Jekyll,就没有图了!!
我创建远程仓库和站点的步骤:
-
gihub.com/new创建远程仓库 - 本地仓库是用
jekyll new blogubb创建的 - _config.yml 一行更改 `baseurl: "blogubb"
- 照片是一只可爱的小猫,保存在 assets/img/kitty.png 中
- 唯一的帖子,默认帖子,2021-11-13-welcome-to-jekyll.markdown,加了一行
 git checkout -b "gh-pages"git remote add origin .../blogubb.gitgit push origin gh-pages
除了Welcome to Jekyll 帖子中未显示的小猫图片,一切看起来都不错。
我也试过了
- localhost:4000,它成功了
-
在主页index.markdown,它工作了 -
在大约页面about.markdown,它工作了 - 甚至 https://github.com/kuolai/blogubb/blob/gh-pages/_posts/2021-11-13-welcome-to-jekyll.markdown 在 repo 工作过
来自 Chrome DevTools 控制台的错误消息:
GET https://kuolai.github.io/assets/img/kitty.png 404
welcome-to-jekyll.html:50
为了尽量减少情况,我能够以最少的更改重新创建问题。请帮忙。
【问题讨论】:
-
错误信息中的完整路径名显示
相对链接未正确展开的线索。它应该是 kuolai.github.io/assets/img/blogubb/kitty.png 但遗憾的是 kuolai.github.io/assets/img/kitty.png 没有 baseurl。
标签: image localhost jekyll github-pages relative-url