Это мой личный сайт GH Pages.

У меня есть этот набор в моем /_config.yml:

theme: jekyll-theme-cayman

title: iBug @ GitHub
description: The small personal site for iBug

Теперь он показывает большой заголовок iBug @ GitHub и слоган на каждой странице, создаваемой GH Pages. Я хочу установить переопределения для определенных страниц. Я старался

---
title: Blog index
---

В /blog/index.html, но это не работает. Изменяется только заголовок HTML страницы (строка заголовка браузера), но не «заголовок» в большом блоке в верхней части страницы.

Как установить переопределение заголовка для одной страницы?

15
iBug 2 Мар 2018 в 02:49

3 ответа

Лучший ответ

Обновление . С тех пор я отправил запрос на изменение, чтобы изменить это в теме, и приведенный ниже ответ больше не требуется, поскольку он уже применялся, когда вы используете тему на данный момент. Все, что вам нужно сделать, это указать переопределение заголовка в начале:

---
title: My custom title
---

Чтобы указать другой заголовок, вам нужно изменить файл макета.

Скопируйте макет по умолчанию и поместите его в { {X0}} и измените строку 16 на следующую:

<h1 class="project-name">{{ page.title | default: site.title }}</h1>

Тогда Джекилл будет уважать набор title в передней части и поместит его туда.

9
iBug 19 Июн 2019 в 15:04

Это просто способ реализации этой темы, если вы проверяете макет по умолчанию для темы Cayman в строка 14 вы можете увидеть, какую именно переменную он использует.

<h1 class="project-name">{{ site.title | default: site.github.repository_name }}</h1>

Надеюсь, это поможет!

0
Mario Nikolaus 2 Мар 2018 в 10:47

Мой подход использует JavaScript следующим образом.

<script>
    document.getElementsByClassName("project-name").item(0).innerText = "{{ page.title }}";
</script>

Вы можете написать html-файл в каталоге _includes и использовать {% include your_file.html %}.

-1
Ghostlead 19 Мар 2019 в 02:45