toshifumiimanishi / IT-Nite

HTML や CSS、JavaScript を中心としたフロントエンドの技術を紹介するメディア兼ポートフォリオ
https://it-nite.netlify.com
MIT License
0 stars 0 forks source link

Prism.js の追加 #33

Open toshifumiimanishi opened 2 years ago

toshifumiimanishi commented 2 years ago

導入経緯

<code> および <pre> 要素に対してスタイルを追加するにあたり、Prism.js を技術選定します。Prism.js は軽量で拡張性の高い syntax highlighter です。Gatsby で Prism.js を利用するには公式プラグインを利用します。

toshifumiimanishi commented 2 years ago

公式プラグインのドキュメント通り、下記のプラグインをインストールします。

$ npm install gatsby-transformer-remark gatsby-remark-prismjs prismjs