Добавление темы на сайт GitHub Pages с помощью Jekyll

Пользователи с разрешениями на запись в репозитории могут добавить тему на сайт GitHub Pages с помощью Jekyll.

Изменения на сайте публикуются автоматически при слиянии изменений в источнике публикации сайта. Для предварительного просмотра изменений можно внести их локально, а не в GitHub AE. Затем протестируйте сайт локально. Дополнительные сведения см. в разделе Локальное тестирование сайта GitHub Pages с помощью Jekyll.

Добавление темы

В GitHub AEперейдите в репозиторий сайта. 1. Перейдите к источнику публикации для сайта. Дополнительные сведения см. в разделе Настройка источника публикации для сайта GitHub Pages.
Перейдите к _config.yml.
В правом верхнем углу представления файла щелкните , чтобы открыть редактор файлов.
Добавьте в файл новую строку для имени темы.
- Чтобы использовать поддерживаемую тему, введите theme: THEME-NAME, заменив THEME-NAME именем темы, как показано в файле README репозитория темы. Полный список поддерживаемых тем см. в разделе Поддерживаемые темы на сайте GitHub Pages.
- Чтобы использовать любую другую тему Jekyll, размещенную на GitHub, введите remote_theme: THEME-NAME, заменив THEME-NAME именем темы, как показано в файле README репозитория темы. 1. В нижней части страницы введите короткое понятное сообщение о фиксации, описывающее внесенное в файл изменение. В таком сообщении фиксацию можно отнести к нескольким авторам. Дополнительные сведения см. в разделе Создание фиксации с несколькими авторами. 1. Под полями сообщения о фиксации укажите, куда следует добавить фиксацию: в текущую ветвь или в новую. Если текущей ветвью является ветвь по умолчанию, нужно создать новую ветвь для фиксации, а затем создать запрос на вытягивание. Дополнительные сведения см. в разделе Создание запроса на включение изменений. 1. Щелкните Предложить изменение файла.

Настройка CSS-темы

Исходный репозиторий темы может помочь в настройке темы. Например, см. файл сведений о Minima.

В GitHub AEперейдите в репозиторий сайта. 1. Перейдите к источнику публикации для сайта. Дополнительные сведения см. в разделе Настройка источника публикации для сайта GitHub Pages.
Создайте файл под именем /assets/css/style.scss.
Добавьте следующее содержимое в верхнюю часть файла:
```
---
---

@import "{{ site.theme }}";
```
Добавьте любые пользовательские CSS или Sass (включая импорты) сразу после строки @import.

Настройка макета HTML-темы

Исходный репозиторий темы может помочь в настройке темы. Например, см. файл сведений о Minima.

Перейдите к исходному репозиторию вашей темы в GitHub. Например, исходный репозиторий для темы Minima — https://github.com/jekyll/minima.
В папке _layouts перейдите к файлу default.html вашей темы.
Скопируйте содержимое файла.
В GitHub AEперейдите в репозиторий сайта. 1. Перейдите к источнику публикации для сайта. Дополнительные сведения см. в разделе Настройка источника публикации для сайта GitHub Pages.
Создайте файл с именем _layouts/default.html.
Вставьте скопированное ранее содержимое макета по умолчанию.
Настройте макет как вам нужно.

Дополнительные материалы

"Создание новых файлов"

Добавление темы на сайт GitHub Pages с помощью Jekyll

В этой статье