Question

如何将Bootstrap的SASS引入我的Jekyll项目，以便它可以在GitHub页面上运行？

这不是这个问题的重复：Adding Bootstrap to Jekyll。这个问题与GitHub页面没什么关系，答案提到使用Bower，我不认为GitHub Pages支持。

这不起作用：

---
---
// This is at "/assets/css/site.scss"
@import "bootstrap";

我收到此错误：

要导入的文件未找到或不可读：bootstrap

我尝试了bundle add bootstrap，但这并没有改变任何事情。

我能够npm install bootstrap让Jekyll从node_modules/bootstrap每the instructions on this site提取所需内容并且它可以在我的机器上运行，但这不是GitHub的合适解决方案页面因为GitHub页面不使用npm。

Answer 1

首先，您需要确保bootstrap sass文件没有两行3破折号的开头，因此请在bootstrap.scss中将其删除。

---
---

在打开您的config.yml文件并添加以下行之后，我的建议是在根目录下添加一个名为scss/的文件夹，其中包含您所有的scss文件（这有点含糊）在这里，对我来说效果最好，因为有各种各样的帖子都建议这样做，因为有时Jekyll :: Converters :: Scss？似乎打破了相对路径。

sass:
  sass_dir: scss

将@import "bootstrap.scss";与另一个scss中的一个一起使用应该很好。在其他文件中，您希望将.scss编译为.css，因此请确保在其中包含两行3个破折号，并将它们作为<head>文件添加到您的.css中

将Bootstrap SASS添加到Jekyll / GitHub页面

1 个答案: