Добавить собственный CSS в Jekyll
Я новичок в Jekyll, и я делаю сайт с пользовательским html и css по порядку. Jekyll по умолчанию загружает тему минимума, поэтому я заменил домашнюю страницу следующим html:
<!DOCTYPE html>
<html>
<head>
<title>testsite</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
all my html
<script>
$.ajax(an ajax call);
</script>
</body>
</html>
Я хочу добавить настраиваемую таблицу стилей, но у меня возникают проблемы с правильной привязкой к теме. Я проверил онлайн, но многие форумы кажутся неправильными в структуре папок.
Вот текущая структура.
--layouts
-home.html
--posts
--site
--assets
-main.css
-main.css.map
--jekyll
--update
--privacy
-index.html
--jekyll-cache
-config.yml
-Gemfile
-Gemfile.lock
-index.markdown
Мой вопрос: есть ли простой способ добавить таблицу стилей, которая будет работать на всех страницах в реальном времени? Я могу связать таблицу стилей обычным способом, которым это делает id, однако это не работает при загрузке на github. Не лучше ли начать со сборки без темы? Если да, то как мне настроить гемфайл?
Благодаря!
Ответы
Отличный простой подход. Я люблю это. Вот как действовать:
- Удалите Minima из вашего конфигурационного файла / проекта
- Создайте каталог _includes
- Переместите заголовок в header.html в _includes
- Вызовите заголовок в файле home.html (и любом другом макете) с помощью {% include header.html%}
- Свяжите новый CSS в файле header.html
Jekyll без тем (и плагинов) намного лучше. Ищете больше?https://www.jekyllcodex.org