2021-06-15
記事の見出しにアンカーリンクがつくようにした
GitHub の README.md のように、記事の見出しにアンカーリンクがつくようにした。
見出しの左側にリンクアイコンがぴょこっと出るようになり、そのアイコンをクリックするとその見出しに一発でジャンプできる URL が生成され飛べるようになった。
といっても Gatsby 製サイトの場合これをやるのはかんたんで、gatsby-remark-autolink-headers というプラグインをインストールして gatsby-config.js に読み込む設定を追加するだけで実現できる。自分はオプションも何も変更せずデフォルトのまま。ちなみに Official Plugin。Gatsby 素晴らしいなぁ。
正直ブログ記事でこの機能が使われるかどうかは怪しいと思うけど、特定の位置を明確に指し示すことができるパーマリンクが増えるのはいいことだと思う。
h3pei
<< 前の記事Gatsbyで新しくブログを作った
次の記事 >>記事の目次を表示するようにした
