スタイル調整

[kanaru-ssk]

概要

各種スタイル調整

対応箇所

1.記事の色を調整

layout.tsxの<article>にclassName="prose-neutral"を追加

2.コードブロック・インラインコードにシンタックスハイライト追加

@が競合する場合はこっちをオフにする。

• 参考(tailwind公式)
• 参考ブログ

[kanaru-ssk]

シンタックスハイライトはこの辺りが使えそう。 remark-highlight.js rehype-highlight remark-prism rehype-prism rehype-shiki

参考

以下2つを使用すると目次の自動生成もできそう。 remark-slug remark-toc

参考