Add blog achive page

[Watson1978]

This PR create blog achive page.

The archive page will be linked from bottom of blog page.

[kenhys]

How about adding navigation under "Recent Posts" sidebar, too?

[Watson1978]

How about adding navigation under "Recent Posts" sidebar, too?

Thanks. Added 👍🏻

[daipom]

Thanks so much for this improvement!
This is the feature I've always wanted!

However, from the perspective of consistency and maintainability, wouldn't it be better not to use page-specific styles?
For example, wouldn't the following common style be sufficient?

[daipom]

I’d like to hear your opinions, @Watson1978 and @kenhys.

If we were to implement it using only Bootstrap 3 features, it would probably look something like this..
However, from a design perspective, the current code seems better.

What concerns me is that none of the other views use page-specific styles.
Should we avoid using page-specific styles, or go ahead and use them?

[daipom]

Suggested change

	<style>
	.pager{margin-top:20px;display:flex;gap:12px;align-items:center}
	.pager .page{opacity:.7}
	</style>

[daipom]

Suggested change

	<nav class="pager">
	<% if page > 1 %>
	<a class="prev" href="?page=<%= page - 1 %>">&laquo; Newer</a>
	<% end %>
	<span class="page">Page <%= page %> / <%= total_pages %></span>
	<% if page < total_pages %>
	<a class="next" href="?page=<%= page + 1 %>">Older &raquo;</a>
	<% end %>
	</nav>
	<nav class="pull-left">
	<ul class="pager">
	<% if page > 1 %>
	<li><a href="?page=<%= page - 1 %>">&laquo; Newer</a></li>
	<% end %>
	<li>Page <%= page %> / <%= total_pages %></li>
	<% if page < total_pages %>
	<li><a href="?page=<%= page + 1 %>">Older &raquo;</a></li>
	<% end %>
	</ul>
	</nav>

[Watson1978]

We discussed and decided to separate the pagination feature.

[daipom]

Thanks so much for this improvement!