Hugoで共有ボタンを作った話

このブログでは記事のシェアボタンを作るために AddThis を使っていましたが、気がついたらサービスが終了になっていたので自前で作ることにしました。AddThisの導入周りについては この記事 を参照してください。

さて、自前でシェアボタンを作ったとはいえ完全に0からシェアボタンをさっと作れるほどWebに強くないので、この記事 にあるシェアボタンを改造して作りました。今回作ったものは この Gist にあります。基本的には元の記事にあるものと大差はないので、以下に差分だけ列挙します。

  • mastodonの共有ボタンを追加した
    • mastodon用のシェアボタンのためのサイトである donshare を使っています
    • masdotonのロゴは比較的新しい版であればFont awesomeに収録されています
  • TwitterのロゴをXに変更
    • つい先日ロゴが変わった旧Twitterの新ロゴも早速 Font awesome 6に収録されているので、ロゴの変更をしました
    • Twitterのロゴの色も変わってしまったので、黒色にしました
  • Google+ を除いた
    • Googleなんてものもありましたね…