gpt4 book ai didi

twitter-bootstrap - 将 Bootstrap SASS 添加到 Jekyll/GitHub 页面

转载 作者:行者123 更新时间:2023-12-04 08:58:37 25 4
gpt4 key购买 nike

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

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

这行不通:

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

我收到这个错误:

File to import not found or unreadable: bootstrap

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

我能够npm install bootstrap 并让 Jekyll 根据 the instructions on this sitenode_modules/bootstrap 拉入需要的东西它可以在我的机器上运行,但这不是适合 GitHub Pages 的解决方案,因为 GitHub Pages 不使用 npm

最佳答案

首先,您需要确保您的 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文件。

关于twitter-bootstrap - 将 Bootstrap SASS 添加到 Jekyll/GitHub 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50378938/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com