如何将 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>
中。