使用Jekyll创建自定义主页

时间:2017-10-06 12:35:09

标签: html markdown jekyll liquid minima

我想使用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”页面。我还想在网站菜单中显示“关于我”页面。

2 个答案:

答案 0 :(得分:3)

您应该将'aboutme.md'文件重命名为'index.md',删除永久链接语句并将其保存在网站目录的根目录中(并可选择将旧的index.md重命名为blog.md)。 / p>

像这样:(index.md)

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

This is now the homepage.

答案 1 :(得分:3)

要自定义主页,请找到系统中minima gem文件的位置,并将_layouts / home.html复制到维护目录结构的Jekyll实例。

/index.md

您可以根据需要进行编辑,将博客帖子列表替换为关于我的页面的链接或包含关于我的部分。

  • 更新

包括&#34;关于我&#34;的内容。页面作为主页的一部分,您可以在{% assign about = site.pages | where: 'name','about.md' %} {{about}}

中添加以下代码
about.md

它查找名为flow的文件名,并在其中包含其内容。