一応技術ブログのつもりなので、コードを書くときにSyntax Highlightingは効いてほしいのです。

Syntax Higlightingの例

function logging() {
  const message = 'いい感じにシンタックスをハイライトしている！'
  console.log(`log: ${message}`)
}

logging() // いい感じにシンタックスをハイライトしている！

対応したPR: Add syntax highlighting by yinm · Pull Request #4 · yinm/website

導入方法

1. Gatsbyのドキュメントを参考に、Prism.jsのインストールとgatsby-config.jsの設定をします。
2. 同じくCSSの読み込みを参考にthemeを設定します。

以上で終わりです！かんたん！

ただ、僕が好きなSolarized DarkがPrism.jsのデフォルトにはなかったので、ネットで探して、 michaeljdeeb/prism-solarized-dark: Solarized Dark theme for Prism を設定しました。作ってくれている人がいてありがたいですね。