Q&A
括弧が消えるのは gatsby-remark-autolink-headers が使っている github-slugger の仕様みたいですね。
gatsby-remark-autolink-headers gatsby-remark-table-of-contents
上記２つのgatsbyのライブラリを使って、アンカーリンク付きの目次自動生成機能を実装しています。
参考記事
https://kakkiii-blog.dev/posts/486/
生成自体はできたのですが、idの自動付与の際、 「, 」（かっこ）が削除されてしまいます。
下記のように、h2タグ内のテキストをidとして自動で付与するのですが、その際に、上記の記号だけ切り抜かれてidに変換されてしまうため、アンカーリンクが機能しない状態です。
なぜこのようなことがおきてしまうのでしょうか？
マークダウンファイルを使っているので、そこで変換されてしまうのかな？と思ったのですが、同じ事象は調査しても出なかったので、違うのかな？とも思ったりしてます。。。
\を使ってエスケープしてもだめのようです。
ありがとうございます！
これは防ぐ方法はないのでしょうか？？
github-slugger としては github の挙動と全く同じにしていて、設定変更とかは考えてないようです。
ご自分で gatsby-remark-autolink-headers のソースをいじってカスタマイズするしかないのでは…。
承知いたしました！
github-sluggerは今回初耳だったのでカスタマイズはコストがかかりそうなので括弧のかわりにダブルクォーテーションを使うようにしたいと思います。
ありがとうございます！
github-slugger 引用符とかも消す気がしますが…。というか、そもそも id の括弧が消えるのに、アンカーリンクには括弧が残るとしたら何かが間違ってると思うんですが、私はそこまで追いかける気はないので、ごめんなさい。
とんでもございません。
アドバイスありがとうございます！
ちなみにですが
これは"目次"です
というh2タグを設置すると自動生成された目次のテキストではそのままダブルクォーテーション付きで表示されますが、アンカーリンクでは
#これは目次です
と、ダブルクォーテーションが省略されます。
ただ、h2のidにも同様にダブルクォーテーションが省略されたidが格納されるので正常に動作はするみたいです。
あなたの回答
tips
プレビュー
