如何删除 Github 页面上的标题？

Question

我正在为我的开发者博客文章尝试 GitHub Pages，不幸的是，我在选择主题后很难删除标题部分。

即使我已经编辑了

Readme.md

，标题仍然存在，我什至无法删除或编辑它。您知道如何删除或编辑它吗？我的存储库中只有 2 个文件：

Readme.md

和

_config.yml

Answer 1

我发现您可以自定义您的网站 CSS 通过创建文件来隐藏标题：

/assets/css/style.scss

---
---

@import "{{ site.theme }}";

header {
  display: none;
}

这是 Github 上的一个已关闭问题。

---

也就是说，您可能想要覆盖 HTML 布局，这样您的网站就不会意外中断。

Answer 2

我在默认的 Jekyll 主题（入门）中遇到了同样的问题。我发现这个封闭的问题非常有帮助.

根据上面链接的帖子，我使用默认 GitHub 页面主题解决的步骤：

1. 在 GitHub Pages 存储库的根目录中添加 _config.yml
2. 将以下行添加到_config.yml：

name: luaphacim's site
title: null

此主题的另一个解决方法是为您的页面提供与您在 _config.yml 中指定的标题相同的标题。

Answer 3

首先，要自定义Jekyll SEO Tag，您可以将站点的

name

设置为空字符串和nullify

title

本身，这样它就不会出现在

的右边每页的 title

— 在存储库的根目录中创建此文件：

_config.yml

name: ""
title: null

然后，要从您的页面中完全删除header block，您可以覆盖default layout。将原始文件

default.html

复制到存储库的

_layouts

文件夹并删除此块：

<header>
  <!-- TL;DR -->
</header>

GitHub 默认使用 Primer 主题——它也可以像其他主题一样定制。

---

^{另请参阅：在 GitHub 页面中编辑页脚 jekyll 的默认最小主题}

Answer 4

对我来说最好的方法是获取您选择的布局的模板，将它们添加到您的存储库中，然后更新它们以删除标题。为我工作。

Answer 5

您可以通过以下步骤解决此问题。

1. 克隆/下载pages-themes/hacker存储库。

2. 将资产文件夹复制到您的存储库中。

3. 打开位于

   style.scss

   文件夹下的

   /assets/css/style.scss

   文件。

4. 在文件中添加以下代码。

   @import "{{ site.theme }}";
   
   header {
       display: none;
   }