nuxt/contentのコードブロックデザインを変える
デフォルトのデザインがいまいち好きくない・・・。
ということで変更してみます。
nuxt/contentではPrimeJS
を使用しているので、prismのテーマをインストールしましょう。
npm install prism-themes
テーマのラインナップはここで確認できます。
https://github.com/PrismJS/prism-themes
背景が黒地のだと白黒でちかちかしてしまうので、lightなやつが良いな。ということでghcolors
を選んでみました。
nuxt.config.js
content: {
markdown: {
prism: {
theme: 'prism-themes/themes/prism-ghcolors.css'
}
}
}
よい感じですね。