Hexoブログに「はてなブックマーク」ボタンを設置

Hexoで作っているこのブログに「はてブ」ボタンを設置した。

Octopressでの設置例を参考にやってみたが上手く行かなかったので、はてな公式サイトのボタン作成ページでコードを作成した。
はてなブックマークボタンの作成・設置について - はてなブックマーク

「ページのアドレス」「ページのタイトル」の欄は仮に「アドレス」「タイトル」とし、後からこれをHexoでのパス<%- item.permalink %>および<%= item.title %>に入れ替えた。
出来たコードは下記。

<a href="http://b.hatena.ne.jp/entry/<%- item.permalink %>" class="hatena-bookmark-button" data-hatena-bookmark-title="<%= item.title %>" data-hatena-bookmark-layout="standard-balloon" data-hatena-bookmark-lang="ja" title="このエントリーをはてなブックマークに追加"><img src="https://b.st-hatena.com/images/entry-button/button-only@2x.png" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

これを個別記事のレイアウト（/layout/_partial/article.ejs）、ページネーションページのレイアウト（layout/_partial/post/entry.ejs）に追加。

追加する箇所は先に設置していたツイッターボタン用のdiv属性内にした。

<div class="tweet-button">
（ツイートボタン用コード）
（今回作成した「はてブ」用コード）
</div>