Home » How to create posts-by-month-and-year table in Jekyll without plugins? [closed]

How to create posts-by-month-and-year table in Jekyll without plugins? [closed]

Solutons:


This is the code for the archive.html page. You can see it live here.

Tested with 400 posts, no performance issues on build/serve.

---
layout: page
title: archive
---

{%comment%} ++++++++++ We first find start and end years ++++++++++ {%endcomment%}
{% assign startYear = 2222 %}
{% assign endYear   = 1 %}

{% for post in site.posts %}
  {%comment%} +++++
    "| plus: 0" casts postYear to fixnum, because "post.date | date: "%Y"" is a string
    and comparing "2013" with 2012 (string / number) throws an error
  +++++ {%endcomment%}
  {% assign postYear = post.date | date: "%Y" | plus: 0 %}

  {% if postYear > endYear %}{% assign endYear = postYear %}{% endif %}
  {% if postYear < startYear %}{% assign startYear = postYear %}{% endif %}
{% endfor %}

{%comment%} +++++++++++++++ build the table +++++++++++++++ {%endcomment%}

{% assign tableContent = "<tr><th></th><th>Jan</th><th>Feb</th><th>Mar</th><th>Apr</th><th>May</th><th>Jun</th><th>Jul</th><th>Aug</th><th>Sep</th><th>Oct</th><th>Nov</th><th>Dec</th></tr>" %}

{%comment%} +++++
  currentPostIndex is used to loop over post in an efficient way
  Knowing that posts a sorted by date, we don't need to loop over
  all posts each time we want to inspect them.
  Instead we only loop through posts we don't already inspect.
+++++ {%endcomment%}
{% assign currentPostIndex = 0 %}

{%comment%} +++++ site.posts array is zero numbered, so last index = size-1 +++++ {%endcomment%}
{% assign lastPostIndex = site.posts.size | minus: 1 %}

{%comment%} +++++ Looping trough years in REVERSE order +++++ {%endcomment%}
{% for year in (startYear...endYear) reversed %}

  {% assign yearRow = "<tr><th>" | append: year | append: "</th>" %}

  {%comment%} +++++ Trick to create an empty array +++++ {%endcomment%}
  {% assign yearCellsArray = "" | split: "https://stackoverflow.com/" %}

  {%comment%} +++++ Looping over month reversed +++++ {%endcomment%}
  {% for month in (1...12) reversed %}

    {% assign postsThisYearMonth = 0 %}
    {% assign monthCell = "<td>" %}

    {% for postIndex in (currentPostIndex...lastPostIndex) %}

      {% assign p      = site.posts[postIndex] %}
      {% assign pYear  = p.date | date: "%Y" | plus: 0 %}
      {% assign pMonth = p.date | date: "%m" | plus: 0 %}

      {% if pYear == year and pMonth == month %}
        {% assign postsThisYearMonth = postsThisYearMonth | plus: 1 %}
      {% else %}
        {%comment%} +++++ Here we stop the loop +++++ {%endcomment%}
        {% assign currentPostIndex = postIndex %}
        {% break %}
      {% endif %}

    {% endfor %}

    {% if postsThisYearMonth > 0 %}
      {% assign linkTargetId = "#" | append: year | append: "-" | append: month %}
      {% assign linkStart    = "<a href="" | append: linkTargetId | append: "">" %}
      {% assign linkEnd      = "</a>" %}
      {% assign cellContent  = linkStart | append: postsThisYearMonth | append: linkEnd %}
    {% else %}
      {% assign cellContent  = "&nbsp" %}
    {% endif %}

    {% assign monthCell = monthCell | append: cellContent | append: "</td>" %}
    {% assign yearCellsArray = yearCellsArray | unshift: monthCell %}

  {% endfor %}

  {% assign yearCells = yearCellsArray | join: "" %}
  {% assign yearRow = yearRow | append: yearCells | append: "</tr>" %}
  {% assign tableContent = tableContent | append: yearRow %}

{% endfor %}

<h2>All Posts By Date</h2>
<table class="table table-striped blogcalendar">
  <tbody>
    {{ tableContent }}
  </tbody>
</table>

{%comment%} +++++ Printing posts by Year then month +++++ {%endcomment%}

{% assign currentPostIndex = 0 %}
{% assign lastPostIndex = site.posts.size | minus: 1 %}

{% for year in (startYear...endYear) reversed %}
  <h3>{{year}}</h3>
  {% assign currentYear = year %}
  {% for month in (1...12) reversed %}

    {% assign postsArray = "" | split: "https://stackoverflow.com/" %}

    {%comment%} +++++ Find post for this year / month +++++ {%endcomment%}
    {% for postIndex in (currentPostIndex...lastPostIndex) %}
      {% assign p      = site.posts[postIndex] %}
      {% assign pYear  = p.date | date: "%Y" | plus: 0 %}
      {% assign pMonth = p.date | date: "%m" | plus: 0 %}

      {% if pYear == year and pMonth == month %}
        {% assign postsArray = postsArray | push: p %}
      {% else %}
        {%comment%} +++++ Here we stop the loop +++++ {%endcomment%}
        {% assign currentPostIndex = postIndex %}
        {% break %}
      {% endif %}
    {% endfor %}

    {% assign postArraySize = postsArray | size %}

    {%comment%} +++++ Printing posts if we have some for this year month +++++ {%endcomment%}
    {% if postArraySize and postArraySize > 0 %}

      {%comment%} +++++ get month name from a post.date +++++ {%endcomment%}
      {% assign post = postsArray | first %}
      {% assign monthName = post.date | date: "%B" %}

      {% assign monthId = year | append: "-" | append: month %}

      <h4 id="{{ monthId }}">{{ monthName }} {{ year }}</h4>
      <table class="table table-striped">
      {% for p in postsArray %}
        <tr>
          <td>{{ p.date | date: "%Y-%m-%d" }}</td>
          <td>
              <a href="{{ site.baseurl }}{{ p.url }}">
                  {{ p.title }}
              </a>
          </td>
        </tr>
      {% endfor %}
      </table>
    {% endif %}

  {% endfor %}

{% endfor %}

Related Solutions

AddTransient, AddScoped and AddSingleton Services Differences

TL;DR Transient objects are always different; a new instance is provided to every controller and every service. Scoped objects are the same within a request, but different across different requests. Singleton objects are the same for every object and every...

How to download package not install it with apt-get command?

Use --download-only: sudo apt-get install --download-only pppoe This will download pppoe and any dependencies you need, and place them in /var/cache/apt/archives. That way a subsequent apt-get install pppoe will be able to complete without any extra downloads....

What defines the maximum size for a command single argument?

Answers Definitely not a bug. The parameter which defines the maximum size for one argument is MAX_ARG_STRLEN. There is no documentation for this parameter other than the comments in binfmts.h: /* * These are the maximum length and maximum number of strings...

Bulk rename, change prefix

I'd say the simplest it to just use the rename command which is common on many Linux distributions. There are two common versions of this command so check its man page to find which one you have: ## rename from Perl (common in Debian systems -- Ubuntu, Mint,...

Output from ls has newlines but displays on a single line. Why?

When you pipe the output, ls acts differently. This fact is hidden away in the info documentation: If standard output is a terminal, the output is in columns (sorted vertically) and control characters are output as question marks; otherwise, the output is...

mv: Move file only if destination does not exist

mv -vn file1 file2. This command will do what you want. You can skip -v if you want. -v makes it verbose - mv will tell you that it moved file if it moves it(useful, since there is possibility that file will not be moved) -n moves only if file2 does not exist....

Is it possible to store and query JSON in SQLite?

SQLite 3.9 introduced a new extension (JSON1) that allows you to easily work with JSON data . Also, it introduced support for indexes on expressions, which (in my understanding) should allow you to define indexes on your JSON data as well. PostgreSQL has some...

Combining tail && journalctl

You could use: journalctl -u service-name -f -f, --follow Show only the most recent journal entries, and continuously print new entries as they are appended to the journal. Here I've added "service-name" to distinguish this answer from others; you substitute...

how can shellshock be exploited over SSH?

One example where this can be exploited is on servers with an authorized_keys forced command. When adding an entry to ~/.ssh/authorized_keys, you can prefix the line with command="foo" to force foo to be run any time that ssh public key is used. With this...

Why doesn’t the tilde (~) expand inside double quotes?

The reason, because inside double quotes, tilde ~ has no special meaning, it's treated as literal. POSIX defines Double-Quotes as: Enclosing characters in double-quotes ( "" ) shall preserve the literal value of all characters within the double-quotes, with the...

What is GNU Info for?

GNU Info was designed to offer documentation that was comprehensive, hyperlinked, and possible to output to multiple formats. Man pages were available, and they were great at providing printed output. However, they were designed such that each man page had a...

Set systemd service to execute after fstab mount

a CIFS network location is mounted via /etc/fstab to /mnt/ on boot-up. No, it is not. Get this right, and the rest falls into place naturally. The mount is handled by a (generated) systemd mount unit that will be named something like mnt-wibble.mount. You can...

Merge two video clips into one, placing them next to each other

To be honest, using the accepted answer resulted in a lot of dropped frames for me. However, using the hstack filter_complex produced perfectly fluid output: ffmpeg -i left.mp4 -i right.mp4 -filter_complex hstack output.mp4 ffmpeg -i input1.mp4 -i input2.mp4...

How portable are /dev/stdin, /dev/stdout and /dev/stderr?

It's been available on Linux back into its prehistory. It is not POSIX, although many actual shells (including AT&T ksh and bash) will simulate it if it's not present in the OS; note that this simulation only works at the shell level (i.e. redirection or...

How can I increase the number of inodes in an ext4 filesystem?

It seems that you have a lot more files than normal expectation. I don't know whether there is a solution to change the inode table size dynamically. I'm afraid that you need to back-up your data, and create new filesystem, and restore your data. To create new...

Why doesn’t cp have a progress bar like wget?

The tradition in unix tools is to display messages only if something goes wrong. I think this is both for design and practical reasons. The design is intended to make it obvious when something goes wrong: you get an error message, and it's not drowned in...

OpenSSH: How to end a match block

To end up a match block with openssh 6.5p1 or above, use the line: Match all Here is a piece of code, taken from my /etc/ssh/sshd_config file: # Change to no to disable tunnelled clear text passwords PasswordAuthentication no Match host 192.168.1.12...