posts-by-categories.html (1571B)
1 --- 2 layout: post 3 title: "Posts by category" 4 description: "A Clean Blog Theme by Start Bootstrap" 5 header-img: "img/post-bg-01.jpg" 6 --- 7 8 <div class="container-fluid index"> 9 <div class="row index all-posts"> 10 11 <h1 class="header author-header">{{ site.author_name }}</h1> 12 <h2 class="header" itemprop="headline">All posts</h2> 13 <h2 class="header categories" itemprop="headline"><small>grouped by 14 15 <div class="dropdown btn-group"> 16 <button class="btn btn-categories dropdown-toggle btn-xs" type="button" data-toggle="dropdown">Categories 17 <span class="caret"></span> 18 </button> 19 <ul class="dropdown-menu"> 20 <li><a href="{{ site.baseurl }}blog/">Years</a></li> 21 </ul> 22 </div> 23 24 </small></h2> 25 26 {% for category in site.categories %} 27 <div class="col-md-12 content-panel articles"> 28 <h2 id="{{ category | first }}-ref">{{ category | first }}</h2> 29 <ul style="list-style: none;"> 30 {% for posts in category %} 31 {% for post in posts %} 32 <li> 33 <hr> 34 <!-- problem of for cycle can't use images <img src="/{{ post.header-img | prepend: site.baseurl }}" class="img-responsive" alt="{{ post.title }}"> --> 35 <h3><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h3> 36 <small class="hidden-xs">{{ post.date | date: "%B %-d, %Y" }}</small> 37 </li> 38 {% endfor %} 39 {% endfor %} 40 41 </ul> 42 </div> 43 {% endfor %} 44 </div> 45 </div>