タイトル : サイト更新(Gatsby):Prismでハイライト
更新日 : 2022-07-25
カテゴリ : プログラミング
タグ :
gatsby   
react   

コードブロックをハイライトしたくて、ググる

以下が見つかりました。

npm install prismjs gatsby-remark-prismjs gatsby-remark-prismjs-title して、あとは設定すれば良いだけですね。簡単だー--😊

テーマ

Prism Demoを見て、Okaidiaにしました。 https://tutsplus.github.io/syntax-highlighter-demos/prism_okaidia.html

ちょっと追加

タイトルは title=で書くようです。

 ```javascript:title=test01.js