FontAwesomeを使用して目次を作成したい

こんにちは。
FontAwesomeを使用して見やすい目次を作成したいと考えています。具体的には、以下のサイト様の
https://blog.minimal-green.com/entry/table-of-contents-for-hatenablog
「ストライプ背景2」を使用したいと考えています。しかし、サイト様の頁ではHTMLの入力部分が不明で、目次作成ができません。
サイト様は質問がNGだそうでこちらで質問させていただくことをご容赦ください。

FontAwesomeの<i class=”fa fa-home” aria-hidden=”true”></i>といったのみでは反映されないようで困っています。

—————————————————————————————
（アイコン）Contents
1.FontAwesome初級編
　➀FontAwesomeとは？
　➁どんな時にFontAwesomeが使えるか
　➂基本的なことを知ろうFontAwesome
2.FontAwesome中級編
　　　　　・
　　　　　・
　　　　　・
—————————————————————————————
↑のような目次を作成したいと考えています。上記のような目次作成をするためのHTMLを教えて頂ければと思います。よろしくお願いします。