Блог

Главная - Вопросы по программированию - Добавьте пользовательский css в Jekyll

Добавьте пользовательский css в Jekyll

#css #jekyll

#css #джекилл

Вопрос:

Я новичок в Jekyll, и я создаю сайт с пользовательскими HTML и css по порядку. Jekyll загружает тему minima по умолчанию, поэтому я заменил домашнюю страницу следующим 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

Мой вопрос в том, есть ли простой способ добавить таблицу стилей, которая будет работать на всех страницах в режиме реального времени? Я могу связать таблицу стилей обычным способом, однако это не работает при загрузке на github. Было бы лучше начать со сборки без темы? Если да, то как мне настроить gemfile?

Спасибо!

Ответ №1:

Отличный простой подход. Мне это нравится. Вот как действовать:

  1. Удалите минимумы из вашего конфигурационного файла / проекта
  2. Создайте каталог _includes
  3. Переместите заголовок в header.html в _includes
  4. Вызовите заголовок в home.html (и любой другой файл макета), используя {% include header.html %}
  5. Свяжите новый CSS в header.html файл

Jekyll без тем (и плагинов) намного лучше. Хотите узнать больше? https://www.jekyllcodex.org