Jekyll沒有插件的照片庫

Question

有沒有辦法生成一個不使用插件的Jekyll照片庫？我嘗試了一些，但它不是GitHub頁面友好。

現在我使用降價，我指定哪些圖片應該顯示，但我想找到一些通用的方式來做到這一點。

Answer 1

你可以在你的陽明這樣的事情（在.MD文件）：

images: 
    - image: /uploads/image5.jpg 
    - image: /uploads/image6.jpg 
    - image: /uploads/image7.jpg 

這在你的佈局文件：

{% for item in page.images %} 
<div class="lightbox" id="lightbox{{ forloop.index }}"> 
    <div class="table"> 
    <div class="table-cell"> 
     <img class="close" src="/img/close.svg" /> 
     <img class="next" src="/img/next.svg" /> 
     <img class="prev" src="/img/prev.svg" /> 
     <div class="item" style="background: url('{{ item.image }}') center center no-repeat; background-size: cover;"> 
     </div> 
    </div> 
    </div> 
</div> 
{% endfor %} 

一些CSS

一起和jQuery這可以做你自己的定製燈箱。 jQuery應該切換（下一個）燈箱。類似這樣的：

$('.next').click(function(){ 
    $(this).closest('.lightbox').hide().next().show(); 
}); 

上面的代碼來自本站：http://www.bendirkse.nl。本網站的源可以在這裏找到：https://github.com/jhvanderschee/bendirkse

更新：我創建了一個simple lightbox for Jekyll任何人都可以不理解的JavaScript，HTML和CSS（甚至化身）的使用。