wado

wado

ブログの改良 (シンタックスハイライト)

全然やり方がわからないので適当な文献にしたがってやってみようと思う

Prism っていうのが良いらしいので、採用。

λ npm install remark-prism

.use(prism) を差し込むだけ。めっちゃ簡単。

const processedContent = await remark()
    .use(html)
    .use(prism)
    .process(matterResult.content)

あと、スタイルも好きなやつを追加。

<link
  href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism-tomorrow.min.css"
  rel="stylesheet"
/>

試してみよう。

import Data.List

main :: IO ()
main = print "Hello World"

完成