TeXでMarkdownやHTMLのインラインコード表示を再現する

やりたいこと

Markdownでできる こういう表記 です。HTML的には <code></code>で表現されます。正確には、このブログのように <code></code> にCSSが適用された見た目を再現します。

用意するもの

• tcolorbox

設定

tcolorbox に含まれる tcboxをカスタマイズして利用します。

\usepackage{tcolorbox}
\newtcbox{\code}[1][]{
  colback=gray!10!white,
  colframe=gray!20!white,
  boxrule=1pt,
  left=0mm,right=0mm,top=0mm,bottom=0mm,
  box align=base,
  nobeforeafter,
  fontupper=\ttfamily
}

\begin{document}
こうすると \code{<code></code>} みたいに表示されます。
\end{document}

この様に書くと

この様に出力されます。

画像が表示されなくなったら

tcolorboxを導入するとPNGなどの画像が表示されなくなる場合があります。その場合は

\documentclass[a4j,12pt]{jarticle}
\usepackage[dvipdfmx]{graphicx, color}
\usepackage{tcolorbox}

こういった指定を

\documentclass[a4j,12pt,dvipdfmx]{jarticle}
\usepackage{graphicx, color}
\usepackage{tcolorbox}

こう変えると直ります。

参考サイト

• tcolorboxの基本 - 物理とTeXに関する話題
• tcolorboxの公式ドキュメント
• LaTeX で TikZ を usepackage していると PNG 画像が表示されなくなる - fohte.log