在GitHub页面上隐藏页面标题，但将其留在选项卡上

Question

我正在使用GitHub页面托管的个人网站，并使用从academicpages GitHub存储库派生的最小错误主题。

在_pages目录下，我们按照基本格式在网站上建立页面:

---
permalink: /
title: "Page Title"
excerpt: "Page excerpt"
author_profile: true
redirect_from: 
- /title/
- /title.html
---
BODY OF PAGE

我想添加一个页面标题到我的HTML页面之一(即。html)，以便在网页访问时在网页浏览器的选项卡中显示标题。

但是，我不希望tile显示在页面上，也不希望为它留下任何空间。

一些地方建议使用{display: none}。

这会工作还是会隐藏标签区域和页面标题(页眉)区域的标题?此外，我应该把它放在哪里来实现它?

编辑:换句话说，我希望页面标题只显示在web浏览器选项卡上，而不是页面本身。

任何建议，链接到任何资源，或教程将非常感谢。

Answer 1

在academicpages.github.io/_layouts/single.html布局HTML文件中，您可以找到一些与页面标题/HTML h1标签相关的行，例如:

{% if page.title %}<h1 class="page__title" itemprop="headline">{{ page.title | markdownify | remove: "<p>" | remove: "</p>" }}</h1>{% endif %}

当在页面中定义页面标题时，使用布局HTML的这一部分并显示标题。

页面标题获得一个CSS类，在本例中为page__title。

修改这里的page__title类的CSS，看看这是否有效(我不能测试它，但如果需要的话我会这样做)。

CSS withdisplay: none:

.page__title {
font-size: $type-size-2;
display: none;
@include breakpoint($small) {
font-size: $type-size-1;
}
}