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