使用Jekyll創建自定義主頁

Question

我想使用Jekyll的標准主題“ Minima”創建一個自定義的“主頁”頁面。 默認情況下，它設置為最近的博客文章列表：

---
layout: default
---

<div class="home">

  <h1 class="page-heading">Posts</h1>

  {{ content }}

  <ul class="post-list">
    {% for post in site.posts %}
      <li>
        <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>

        <h2>
          <a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
        </h2>
      </li>
    {% endfor %}
  </ul>

  <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | relative_url }}">via RSS</a></p>

</div>

此設置在_layouts/home.html文件中進行控制。 我已經使用Markdown創建了自定義的“主頁”頁面。 它保存在我的本地目錄中，名為“ aboutme.md”：

---
layout: page
title: About Me
permalink: /aboutme/
order: 1
---

This is a custom about me page.

我想覆蓋最近發布的默認列表，並用我的自定義“ aboutme”頁面替換它。 如何以一種優雅的方式實現這一目標？ 一種方法是用HTML重寫“ aboutme.md”並將其保存到“ home.hml”中。 但是，它使工作加倍。 我確信必須有一種方法可以通過簡單的Liquid命令在“ home.html”中“包含”“ aboutme.md”頁面。 我還希望站點菜單中顯示“關於我”頁面。

Answer 1

您應該將“ aboutme.md”文件重命名為“ index.md”，刪除永久鏈接語句，並將其保存在網站目錄的根目錄中（還可以將舊的index.md重命名為blog.md）。

像這樣：（index.md）

---
layout: page
title: About Me
order: 1
---

This is now the homepage.

Answer 2

要自定義首頁，請找到最小的gem文件在系統中的位置，然后將_layouts / home.html復制到維護目錄結構的Jekyll實例中。

/_layouts/home.html

在這里，您可以根據需要對其進行編輯，將博客帖子列表替換為指向“關於我”頁面或包含“關於我”部分的鏈接。

• 更新

要將“關於我”頁面的內容作為主頁的一部分包括在內，可以在/index.md添加以下代碼：

{% assign about = site.pages | where: 'name','about.md' %}
{{about}}

它查找名為about.md的文件名，並在其中放置其內容。