Question

我正在使用Jekyll为自己构建一个博客，但是，当我在浏览器中打开页面时，SCSS无法加载。我尝试通过浏览器导航到SCSS文件，但无济于事，浏览器认为SCSS不存在。

以下是我将样式表添加到HTML中的方法：

<link rel="stylesheet" type="style/css" href="/_sass/_base.scss">

我对所有样式表都这样做了，但它没有用。

有谁知道如何解决这个问题？提前谢谢。

Answer 1

您没有链接到样式表，其中href为"/_sass/_base.scss"。

相反，您应该执行以下操作：

创建另一个目录来保存＆＃34;样式表＆＃34;，比如css/。

然后添加一个带有空前面块的空样式表（必需）

---
---

// this is an empty stylesheet named "style.scss"
// use @import here to load partials from your _sass folder

将您的部分导入上述＆＃34;样式表＆＃34;。

---
---

// this is an empty stylesheet named "style.scss"
// use @import here to load partials from your _sass folder

@import "base";
@import "mixins";

将您的HTML页面与样式表链接：

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

......完成了！

外卖：

将_sass中的文件导入＆＃34;专用样式表＆＃34;。
专用样式表必须包含前面的内容块（可以为空）。
将HTML文件与专用样式表链接。
即使您的源文件为.css或css/style.scss

css/style.sass

您可以对标记进行硬编码或使用Liquid构造链接样式表。
使用Liquid构造时，请使用relative_url过滤器，而不是使用
{{ 'css/style.css' | prepend: site.baseurl }}或{{ site.baseurl }}/css/style.css

Jekyll静态页面CSS无法渲染

1 个答案: