Добавление Bootstrap SASS к страницам Jekyll / GitHub - PullRequest
Новая
       55

Добавление Bootstrap SASS к страницам Jekyll / GitHub

0 голосов
/ 16 мая 2018

Как я могу использовать SASS Bootstrap в моем проекте Jekyll, чтобы он работал на страницах GitHub?

Это не дубликат этого вопроса: Добавление Bootstrap в Jekyll . Этот вопрос не имеет ничего общего с GitHub Pages, и в ответах упоминается использование Bower, которое, я не думаю, поддерживает GitHub Pages.

Это не работает: 

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

Я получаю эту ошибку:

Файл для импорта не найден или не читается: bootstrap

Я пытался bundle add bootstrap, но это ничего не меняет.

Я могу npm install bootstrap и заставить Джекил вытащить необходимые вещи из node_modules/bootstrap за инструкции на этом сайте , и это работает на моей машине, но это не подходящее решение для GitHub Pages, потому что GitHub Pages не использует npm.

1 Ответ

0 голосов
/ 13 марта 2019

Сначала вам нужно убедиться, что в файле sass начальной загрузки нет двух строк, начинающихся с 3 тире, поэтому в bootstrap.scss удалите это. 

---
---

После этого откройте ваш файл config.yml и добавьте следующие строки, я рекомендую добавить папку на корневом уровне под названием scss/ со всеми вашими файлами scss (здесь это немного расплывчато, для меня это сработало лучший, потому что есть множество постов, предлагающих это, потому что иногда Jekyll :: Converters :: Scss? кажется нарушает относительный путь). 

sass:
  sass_dir: scss

И вы должны быть хороши, чтобы использовать @import "bootstrap.scss"; в вашем другом scss. В других файлах, которые вы хотите скомпилировать с .scss по .css, поэтому обязательно добавьте туда две строки по 3 черточки и добавьте их в <head> как файл .css.

...