シンタックスハイライト導入!
Category : GatsbyJS
シンタックスハイライトを入れてみました。 定番のPrismを導入しています。 本サイトではMDXというMarkdown変換のプラグインを使用しているのですが、MDXと併用したPrismの利用事例が少なく、やや手こずりました。
導入にはこちらの記事を参考にしました。
Adding Syntax Highlighting to Gatsby MDX with Prism
使ってみた感じ
JavaScriptコード
const text = 'Hello World!'console.log(`${text}`)
Pythonのコード
text = 'Hello World!'print(text)
Rubyのコード
text = 'Hello World!'puts text
Rubyがハイライトされてなさそう...要調査
サポートされている言語のハイライトはこちらの記事でチェックできます。