Github 页面上的 Jekyll 不显示图像并且链接已损坏答案

【问题标题】：Jekyll on Github pages not displaying images and has broken linksGithub 页面上的 Jekyll 不显示图像并且链接已损坏
【发布时间】：2015-03-02 22:50:21
【问题描述】：

我正在尝试在 Github 页面上托管我的 Jekyll 博客。该博客目前正在直播here。

如您所见，图片丢失 + 当您点击博文时，它显示 404。如何解决此问题？ Here's the link 我的公共博客仓库，这是我的 _config.yml 文件：

# Build settings
markdown: redcarpet
highlighter: pygments

# Site settings
title: "Sam Yonski"
description: > # this means to ignore newlines until "email:"
Reading and writing...
email: sam.yonski@gmail.com

#blog logo
logo: "/assets/images/sam_yonski_logo.png"

# blog cover
cover: "/assets/images/cA4aKEIPQrerBnp1yGHv_IMG_9534-3-2.jpg"

name: 'Sam Yonski'
author: 'Sam Yonski'
author_image: "/assets/images/author.jpg"
paginate:   5

url: "https://ofcan.github.io" # the base hostname & protocol for your site
baseurl: "/sam_yonski"

【问题讨论】：

标签： jekyll github-pages

【解决方案1】：

在_config.yml中设置baseurl: /sam_yonski

并通过以下方式调用您的资源：

<link rel="stylesheet" href="{{ site.baseurl }}/css/css.css">
<script src="{{ site.baseurl }}/js/scripts.js"></script>
<img src="{{ site.baseurl }}/path/to/img/toto.jpg">
<a href="{{ site.baseurl }}/linkto/">Link</a>

见Jekyll documentation here

【讨论】：

这是正确的，但最好包含一些关于为什么这是解决方案的额外上下文，例如GH 页面路径包括项目名称。 This答案是一个很好的参考
真正的解决方案是人们的RTFM。我的回答很简短，因为我有点无聊to answer the same question again and again
@DavidJacquel 我也遇到了这个问题，看来手册可能需要更清楚一些，因为我读了它并且仍然浪费了一些时间。 +1 虽然您的回答（关于多个问题）对于设置 jekyll 并按照我的意愿工作是极好的指导。
我正要离开 Jekyll，幸运地找到了这个。谢谢
我几乎尝试了所有方法，这是唯一有帮助的添加：{{ site.baseurl }}