Question

我正在尝试使用Jekyll在Github页面上创建个人博客。我添加了一堆图像，但是当在css中调整它们的大小时，我遇到了以下问题：

在主页和关于页面上，CSS工作正常，图像显示的大小正确，但在Code和Life页面上，CSS不起作用。我想这与相对路径有关，但我不知道如何解决它。

 <link rel="stylesheet" href="assets/style.css">

这是我的github repo，请帮助我，谢谢。

Answer 1

正在使用相对路径加载CSS文件，因此如果URL路径有多个级别，它将无法正常工作，使用绝对路径修复它。

您可以使用前缀为url和baseurl值的absolute_url过滤器。

更改

<link rel="stylesheet" href="assets/style.css">

到这个

<link rel="stylesheet" href="{{'assets/style.css'|absolute_url}}">

Answer 2

在_config.yml中

，设置baseurl：“”

和链接样式表如下：

<link rel="stylesheet" href="{{ site.baseurl }}/assets/style.css">