Sass Jekyll静态页面CSS未呈现

我正在使用Jekyll为自己创建博客，但是，当我在浏览器中打开页面时，SCS无法加载。我试图通过浏览器导航到SCSS文件，但没有结果，浏览器认为SCSS不存在

以下是如何将样式表添加到HTML中：

我对我所有的样式表都这样做了，但是它不起作用

---

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

您没有链接到带有href的样式表到

“/\u sass/\u base.scss”

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

• 创建另一个目录来保存“样式表”，例如，

  css/

• 然后添加一个带有空的前端内容块的空样式表（必选）

• 将您的部分导入上述“样式表”

• 将HTML页面与样式表链接：

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

…完成了

---

外卖：

• 将文件从

  \u sass

  导入“专用样式表”
• 专用样式表必须包含前物质块（可以为空）
• 将HTML文件与专用样式表链接
• 即使源文件是

  css/style.scss

  或

  css/style.sass

• 您可以对标记进行硬编码，或者使用液体构造来链接样式表
• 当使用液体构造时，更喜欢使用

  相对url

  过滤器，而不是使用
  

  {{{'css/style.css'| prepend:site.baseurl}}

  或

  {{site.baseurl}/css/style.css

---

您不能链接到带有href的样式表到

“/\u sass/\u base.scss”

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

• 创建另一个目录来保存“样式表”，例如，

  css/

• 然后添加一个带有空的前端内容块的空样式表（必选）

• 将您的部分导入上述“样式表”

• 将HTML页面与样式表链接：

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

…完成了

---

外卖：

• 将文件从

  \u sass

  导入“专用样式表”
• 专用样式表必须包含前物质块（可以为空）
• 将HTML文件与专用样式表链接
• 即使源文件是

  css/style.scss

  或

  css/style.sass

• 您可以对标记进行硬编码，或者使用液体构造来链接样式表
• 当使用液体构造时，更喜欢使用

  相对url

  过滤器，而不是使用
  

  {{{'css/style.css'| prepend:site.baseurl}}

  或

  {{site.baseurl}/css/style.css

---

Jekyll已经自动生成了一个css文件夹和一个带有字体块的文件。我试过用它。还是没什么，你是怎么用的。。？请记住，您提供的信息越多，解决问题就越容易。Jekyll自动生成css文件夹。里面有一个文件，格式和你在回答中发布的一样。我（起初）将它链接到index.html，问题仍然存在。我尝试将其链接到我正在使用的所有html文件，但仍然没有任何进展。如果您可以在GitHub上托管存储库并发布该存储库的公共链接，我可能会提供帮助。我已向您发送了一份PR。。合并它，你就会看到CSS被正确地提取出来。Jekyll已经自动生成了一个CSS文件夹和一个带有字体块的文件。我试过用它。还是没什么，你是怎么用的。。？请记住，您提供的信息越多，解决问题就越容易。Jekyll自动生成css文件夹。里面有一个文件，格式和你在回答中发布的一样。我（起初）将它链接到index.html，问题仍然存在。我尝试将其链接到我正在使用的所有html文件，但仍然没有任何进展。如果您可以在GitHub上托管存储库并发布该存储库的公共链接，我可能会提供帮助。我已向您发送了一份PR。。合并它，您应该会看到CSS被正确地拾取。。

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