5

サイトの再設計を終えており、ポートフォリオ ページを完成させる必要があります。ポートフォリオ エントリに投稿を使用するのではなく、サブディレクトリ/子ページを使用したい:

...
work
  project
     index.html
  project-2
    index.html
  index.html
...

リスト内のサブページをループして表示したいwork/index.html。次のようなもの：

<ul>
  {% for page in site.work.pages %}
    <li>
      <figure>
        <img src="/img/foo.jpg" alt="foo">
      </figure>
    </li>
  {% endfor %}
</ul>

これはどのように行うことができますか？

4

2 に答える 2

2

Jekyll は、あなたの例のように単純にこれをサポートしていませんが、2.0 で導入されます。

キーと値のペアを子ページの YAML ヘッダーに追加して、メイン インデックス ページに表示する必要があることを示すことができます。サイトのメイン ナビゲーションにどのページを表示するかを定義するために使用する同様の設定があります。

project/index.html など

---
group: work
---

仕事/index.html

<ul>
{% for node in site.pages %}
    {% if 'work' == node.group %}
    <li><a href="{{node.url}}">{{node.title}}</a></li>
    {% endif %}
{% endfor %}
</ul>

URL のサブストリング マッチングを行うように if 条件を変更した場合は、group 属性の要求を回避できる場合がありますが、このソリューションの方が理解しやすいです。

于 2014-03-02T22:04:47.680 に答える