Использовать заголовок страницы с темой Jekyll

Question

Это мой личный сайт 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 страницы (строка заголовка браузера), но не "заголовок" в большом блоке в верхней части страницы.

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

Answer 1

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

Скопируйте макет по умолчанию и поместите его в <GitHub repo>/_layouts/default.htmlи измените строку 16 на следующую:

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

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

Answer 2

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

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

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

Answer 3

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

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

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