記事の共有ボタンを追加

ブログ記事の共有ボタンを追加した。 QiitaとZennでどのようなデザインになっているのか確認したら、本文の右下にあったのでそれに倣うことにした。

アイコン

Starlightでアイコンを表示する方法を学びましょう。

starlight.astro.build

アイコンの表示には、Starlightの<Icon>コンポーネントを使用した。

<Icon name="x.com" />

と書くとロゴが表示できる。

記事の共有ボタンに使えそうなロゴがなかったので、そこだけ鎖の絵文字で代用した。