ブログ
Velite × Next.js でブログに TIL セクションを追加する
Velite に新しいコレクションを定義し、既存コンポーネントを最小限の適応で再利用して TIL セクションを実装。検索統合まで含めて、新しい依存関係はゼロだった。
← すべてのタグ
タグ: #mdx
「mdx」タグが付いたコンテンツ一覧
ブログ記事
TIL
TIL
rehype-pretty-code は mermaid コードブロックの className を data-language に書き換える
MDX で language-mermaid クラスを検出しようとしても、rehype-pretty-code が data-language 属性に変換済みで見つからない。pre の data-language で判定し、span ツリーからテキストを復元する必要がある。
TIL
rehype-pretty-code は言語指定なしのコードブロックを正しく変換できない
MDX のコードブロックで言語を省略すると rehype-pretty-code のレンダリングが崩れる。```text のように必ず言語を指定する必要がある。
TIL
Markdown テーブルの列幅制御は CSS の white-space: nowrap で解決する
MDX ブログで日本語2文字の列が縦に折り返される問題。Markdown のセパレーター幅では解決できず、.prose の CSS で white-space: nowrap を適用して解決した。