Question

我想在我网站的主页上添加一些指向我博客帖子的链接。

我理解执行此操作的代码是

 {% for post in site.posts %}   
    <h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
    <p><small><strong>{{ post.date | date: "%B %e, %Y" }}</strong> . {{ post.category }} . <a href="http://mypage.github.com{{ post.url }}#disqus_thread"></a></small></p>          
{% endfor %}

但我想知道在哪里放这个代码？

我尝试将其添加到新部分的default.html中，但我收到了“Page Build Fails”电子邮件

Answer 1

这取决于您是希望帖子列表显示在网站的任何位置还是仅显示在主页上。如果是主页，则应将其添加到index.html文件中。在任何地方的情况下，将其添加到default.html将是一个更好的主意。

以下是index.html文件中的样子：

---
layout: default
---

{% for post in site.posts %}
...
{% endfor %}

在这种情况下，YAML前端内容以外的所有内容都将成为{{ content }}中的_layouts/default.html。

如果您使用_layouts/default.html之类的内容，请将其添加到HTML body内的任何位置。

Answer 2

将代码放在一个部分似乎是我的错误。

将它放在标题下方

  <header>
      <h1>{{ site.title | default: site.github.repository_name }}</h1>
      <h2>{{ site.description | default: site.github.project_tagline }}</h2>
    </header>
{% for post in site.posts %}   
    <h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
    <p><small><strong>{{ post.date | date: "%B %e, %Y" }}</strong> . {{ post.category }} . <a href="http://myname.github.com{{ post.url }}#disqus_thread"></a></small></p>            
{% endfor %}

如何让Github Pages生成我的博客帖子列表？

2 个答案: