はじめに
記事執筆時点2023年10月19日で、Qiitaでリンク付きのコードスパンを太字で書こうとしたところ、うまく太字に表示できず、結構ハマったのでその対策の記事を書きました。
対象の読者は、こんな感じのエラーが出た方です。
リンク付きのコードスパンを太字で書きたいが、**コードスパン**こうなってしまいます。
追記
@Yarakashi_Kikohshiさん、コメントありがとうございます。詳しい原因等はコメント欄をご覧ください。
また、以下の記事が参考になります。どうやら分かち書きをすることでこの問題を回避できるようです。
対策
先に対策を述べると、どんな時も以下のようにコードスパンを太字コードで囲った後にリンクを入れると動くと思います。
太字のリンク付きコードスパンの書き方
[**`コードスパン`**](リンク)
結果
ちなみに、太字の文字と一緒に使いたい場合は、以下のように書きましょう。
**太字の文字**[**`コードスパン`**](リンク)**太字の文字**
結果
太字の文字コードスパン太字の文字
ハマる例とハマらない例一覧
対策のコードを使えば問題ないと思いますが、ここでは、筆者が調べた範囲でコードスパンのリンクの外側で**を使った場合に、ハマるケースを紹介します。
見やすいようにMarkdownのリスト化の-を使いますが、リスト化の有無によって結果は変わらなかったです。
ハマる例
- **[`コードスパン`](リンク)**後に文字
- 前に文字**[`コードスパン`](リンク)**後に文字
- 文字と**前に太字[`コードスパン`](リンク)**と文字
- 文字と**[`コードスパン`](リンク)後に太字**と文字
以下のハマらない例は、今後仕様変更でハマる可能性もありますので、上の対策で述べたコードを使うのが安全だと思います。
ハマらない例
- **[`コードスパン`](リンク)**
- **前に太字[`コードスパン`](リンク)**
- **[`コードスパン`](リンク)後に太字**
- **前に太字[`コードスパン`](リンク)後に太字**
- 文字と**前に太字[`コードスパン`](リンク)後に太字**と文字
- 文字と**前に太字[`コードスパン`](リンク)**
- **[`コードスパン`](リンク)後に太字**と文字
- 文字と**前に太字[`コードスパン`](リンク)後に太字**と文字