如何删除 Github 页面上的 header？

Question

我正在为我的开发者博客 GitHub 页面尝试 post，不幸的是，我在选择主题后很难删除 header 部分。

即使我已经编辑了 Readme.md，header 仍然存在，我什至无法删除或编辑它。您知道如何删除或编辑它吗？我的存储库中只有 2 个文件：Readme.md 和 _config.yml

Answer 1

我发现您可以 customize your site CSS 通过创建文件来隐藏 header：

/assets/css/style.scss

---
---

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

header {
  display: none;
}

这是 Github 上的 closed issue。

---

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

Answer 2

我在使用默认的 Jekyll 主题（入门）时遇到了同样的问题。我找到 this closed issue very helpful.

我使用默认 GitHub 页面主题解决问题的步骤，基于上面的 post 链接：

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

name: luaphacim's site
title: null

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

Answer 3

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

Answer 4

首先，要自定义 Jekyll SEO Tag，您可以将站点的 name 设置为 空字符串 和 nullify title 本身，这样它就不会出现在每个页面的 title 的右侧——在你的存储库的根目录中创建这个文件：

_config.yml

name: ""
title: null

然后，要从您的页面中完全删除 header 块，您可以覆盖默认布局。将原始文件 default.html 复制到存储库的 _layouts 文件夹并删除此块：

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

默认情况下 GitHub 使用 Primer theme — 它也可以像其他主题一样自定义。

---

^{另请参阅：Editing the footer in GitHub pages jekyll's default minima theme}

Answer 5

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

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

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

3. 打开位于 /assets/css/style.scss 文件夹下的 style.scss 文件。

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

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