使用带有Jekyll主题的每页标题

Question

这是我个人的GH页面网站。

我在/_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

要指定其他标题，您需要更改布局文件。

复制the default layout并将其放入<GitHub repo>/_layouts/default.html，然后将第16行更改为：

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

然后Jekyll将尊重前面的title集，并将其置于那里。

Answer 2

这就是实现此主题的方式，如果您在line 14上检查Cayman主题的默认布局，您可以看到它正在使用的确切变量。

<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>

您可以在_includes目录中编写html文件并使用{% include your_file.html %}。