作成方法

はてなブログの設定＞詳細設定から「headに要素を追加」の部分に下のコードを入力してください。
「/*ブログのトップページのリンク*/」と「/*ブログのアーカイブページのリンク*/」の部分には、指示通りにURLを入れてください。
入力が終わったら、下部の「変更する」ボタンを押し忘れにようにしておきましょう。

<script type="text/javascript">
if(location.href === "/*ブログのトップページのリンク*/") {
location.href = "/*ブログのアーカイブページのリンク*/"
}
</script>

この方法は以前記事にもしています。
pocopota-blog.hatenablog.com

メリット・デメリット

この方法のメリットは簡単にできることです。

デメリットはトップページのURLが常に/archiveが付いた状態になることです。
これによりブログのトップページを誰かがSNSなどに載せてくれた場合でもアーカイブページのURLになってしまうことです。
あとデザインが、ちょっと、、、ってところですかね。デザインの面はカスタマイズすればどうにでもなりますけど。

作成方法

まずはトップページにする記事を作成します。最近の記事を一覧表示にしたり、色々とリンクを入れたりしてカスタマイズします。

記事内に最新記事を表示させる方法は下↓の記事を参考にしてください。
pocopota-blog.hatenablog.com

トップページ用の記事が完成したら公開します。公開するときに公開日時を9999年とかにして公開してください。
公開は予約公開ではなくすぐに公開してください。

公開したら次はトップページの表示設定を行います。
設定＞詳細設定＞ブログ表示からトップページの記事数を１記事に設定してください。

設定が終わったらブログのトップページを見てみてください。きちんと表示されているはずです。

これで完成でも良いのですが、よりトップページっぽくしていきたいと思います。
ここからのカスタマイズはしても、してもしなくても大丈夫です。

<style>
/* タイトルとか諸々非表示 */
.entry-header{
  display: none;
}
</style>

<style>
/* ページャー非表示 */
.pager{
  display: none;
}
</style>

メリット・デメリット

メリットはHTMLとCSSをを使えばどんなふうにでもカスタマイズが出来ます。
またトップページのURLは変わりません。

デメリットはHTMLとかをいじれないとちょっときついことです。