hatena theme Cinnamon custom header

header.html

<!--
  例です。
  デザイン設定 -> ヘッダ -> タイトル下 の中にこのHTMLを参考にしたコードを挿入するとグローバルヘッダが出てきます。
  href=""の中にurl、その横に表示したい言葉を入れるようにしてください。
-->
<nav class="custom-header--navigation">
    <ul class="custom-header">
        <li class="custom-header__li"><a href="/">TOP</a></li>
        <li class="custom-header__li"><a href="/archive/category/プログラミング">プログラミング</a></li>
        <li class="custom-header__li"><a href="/archive/category/料理">料理</a></li>
        <li class="custom-header__li"><a href="/archive/category/ブログカスタマイズ">ブログカスタマイズ</a></li>
    </ul>
</nav>