Question

我意识到我既不是程序员，也不是编码方面的初学者，但是我正在尝试解决我使用Jekyll构建的网站的问题。我正在尝试从_data文件中的集合中检索单个项目。该示例中的代码将 all 条目拉入detail.html页面，我只想显示集合中的一个特定项目，将其放置在detail.html页面中。
它来自图片库，该图片库的链接允许观看者单击并查看带有该艺术品上所有信息的物品的较大示例。

以下是Jekyll _includes文件夹中的details.html页面：

<!-- Wrapper Start -->
<section id="intro">
    {% for work in site.data.work %}
  <div class="container">
    <div class="row">
       <div class="col-md-8 col-sm-12">
        <div class="block">
          <img src="{{ work.img }}" alt="{{ work.title }}">
        </div>
      </div><!-- .col-md-5 close -->
      <div class="col-md-4 col-sm-12">
        <div class="block">
          <div class="section-title">
            <h2>{{ work.title }}</h2>
            <br>
            <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics</p>
        <h5>{{ work.medium }}</h5>
        <h5>{{ work.size }}</h5>
        <h5>{{ work.frame }}</h5>
        <div class= "sold">
        <h5>{{ work.avaliability }}</h5>

            <p>{{ work.desc }}</p>
        </div>
      </div>
    </div>
  </div>
</div>
{% endfor %}
</div>
</section>

这是_data文件夹中work.json文件中集合的一部分：

[
{   
item1      "img": "img/portfolio/work1-big.jpg",
       "title": "Window Models",
       "medium": "Medium: Acrylic on canvas",
       "size": "Artwork size: 100cm x 100cm",
       "frame": "Frame: yes",
       "avaliability": "Avaliability: sold",
       "desc": "i am a fron on a log looking out to sea!.",
item2    },
  {

       "img": "img/portfolio/work2-big.jpg",
       "title": "The Flower",
       "medium": "Medium: Acrylic on canvas",
       "size": "Artwork size: 100cm x 100cm",
       "frame": "Frame: yes",
       "avaliability": "Avaliability: sold",
       "desc": "i am a fron on a log looking out to sea!.",
       },
     {   

     etc...

我想在一个液体循环中抓取item1而不在页面上显示其他项目。然后在不抓取该collection的其他项目在页面上显示他们。然后抓取item2然后3到4等等.......

我希望这种解释有意义。

从Jekyll的集合中的图库项目中获取数据文件

0 个答案: