はてなブログむけ年アーカイブリスト

はてブロには、年アーカイブがあります。

/path/to/archive/{year}

といったURLです。月別アーカイブモジュールを設置すると、リストの親要素の年数にリンクとして挿入されているものです。

で、この年アーカイブをリストにして、記事ページ（aboutページ）に埋め込むようにしてみました。

ページないのHTML

<h2>年アーカイブ</h2>
<ul id="archiveYearList"></ul>

以下のようなJavaScriptを記事ページに入れることでメンテナンスの手間を省きます。

<script>// <![CDATA[
setTimeout(function(){
// set Year
  
  var startYear = 2012; // ブログ開始年
  var nd = new Date();
  var thisYear = nd.getFullYear();
  var len = (thisYear-startYear)+1;

// Make List
  
  var list =[];
  var base = document.getElementsByTagName('html')[0].getAttribute('data-blogs-uri-base') +'/archive/';

  for (var i=0; i<len; i++){
    list.push("<li " + "title='" + (startYear + i).toString() + " 年の記事一覧'><a href='" + base + (startYear+i).toString() +"'>" + (startYear + i) + "</a></li>");
  }
  
  var result = document.querySelector("#archiveYearList");
  
  result.innerHTML = list.join("");
} , 0);
// ]]></script>