如何使JSON数据文件对象使用布局

时间:2015-10-03 17:14:07

标签: jekyll liquid

首先,我正在使用GitHub Pages dependencies

我正在尝试使用Jekyll的数据文件,但是我在制作使用布局显示更多对象内容的功能链接时遇到了问题。

我可以通过网址访问该网页:http://127.0.0.1:4000/dev/ - 我的 for循环./dev/index.html显示它应该显示的内容。如果我点击该页面上的任何链接,我会收到404消息,例如:http://127.0.0.1:4000/dev/parent/child无法找到。

Jekyll中的帖子使用Front Matter来确定它应该使用哪种布局,但是当我点击./dev/index.html中的任何链接时,我不知道如何使我的链接使用我的自定义布局。

如何在./dev/index.html中的网址之间创建“链接”以显示./_layouts/post.html

这是我到目前为止所得到的。

./_data/dev.json

[
  {
    "id": 0,
    "name": "I am (g)Root",
    "link": "parent",
    "data": [
      {
        "id": 0,
        "name": "Some kid",
        "content": "bla bla bla",
        "link": "child"
      },
      {
        "id": 1,
        "name": "A desk",
        "content": "texty texty",
        "link": "desk"
      }
    ]
  }
]

./dev/index.html

---
layout:       page
title:        'dev'
published:    true
date:         2015-10-03 18:48:58 +02:00
category:     'module'
---

{% assign data = site.data.dev.first %}
{% for post in data.data %}
  <ul>
    <!-- URL will look like this: /parent/child -->
    <li><a href="{{ data.link | prepend: site.baseurl }}/{{ post.link }}">{{ post.name }}</a></li>
  </ul>
{% endfor %}

./_layouts/post.html

---
layout: default
---

{{ content }}

./_config.yml

permalink: /:categories/:title

1 个答案:

答案 0 :(得分:0)

数据文件只是您可以在循环中使用的数据。如果没有generator plugins,您将无法从中生成网页。

为了从&#34;数据生成页面&#34;你可以使用collections