将 Bootstrap SASS 添加到 Jekyll/GitHub 页面



如何将 Bootstrap 的 SASS 引入我的 Jekyll 项目,以便它在 GitHub 页面上工作?

这不是这个问题的重复:将 Bootstrap 添加到 Jekyll。这个问题与 GitHub Pages 关系不大,答案中提到了使用 Bower,我认为 GitHub Pages 不支持 Bower。

这不起作用:

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

我收到此错误:

找不到要导入的文件或无法读取的文件:引导程序

我已经尝试过bundle add bootstrap但这并没有改变任何事情。

我能够npm install bootstrap并让 Jekyll 按照本网站上的说明从node_modules/bootstrap中提取所需的东西,它可以在我的机器上运行,但这不是 GitHub 页面的合适解决方案,因为 GitHub 页面不使用npm

首先,您需要确保您的引导程序 sass 文件没有前缀两行 3 个破折号,因此bootstrap.scss删除它。

---
---

在此打开您的config.yml文件并添加以下行之后,我的建议是在根级别添加一个名为scss/的文件夹,其中包含所有scss文件(这在这里有点模糊,对我来说它效果最好,因为有各种各样的帖子建议这样做,因为有时 Jekyll::转换器::SCS?似乎打破了相对路径)。

sass:
sass_dir: scss

你应该很高兴在你的其他scss之一中与@import "bootstrap.scss";一起去. 在其他文件中,您要编译.scss.css因此请确保在此处包含两行 3 个破折号,并将它们作为.css文件添加到您的<head>中。

最新更新