Markdown & Mermaid プレビュー機能へようこそ

このページは、特定のフォルダに配置された Markdown ファイル（および Mermaid.js 記法）を綺麗にプレビューするための検証用ページです。

使い方

1. src/content/preview/ ディレクトリの中に、拡張子が .md のファイルを格納します。
2. ファイルの先頭（Frontmatter）に、以下のようにタイトルを定義することができます（省略も可能です）。

   ---
   title: "任意のタイトル"
   ---

3. 左側のサイドバーにファイル名（またはタイトル）が自動的にリストアップされます。
4. リストからファイル名をクリックすると、このエリアに Markdown および Mermaid のレンダリング結果が表示されます。

機能の特徴

• Markdown レンダリング: Astro 標準の高速な HTML 変換に加え、サイトのミニマル・モノクロデザインに調和したスタイル（フォント、枠線、ハッチング等）でプレビューされます。
• Mermaid.js サポート: ```mermaid で囲まれたコードブロックを検出し、クライアントサイドで動的に美しい図（フローチャート、シーケンス図、ガントチャート等）に変換して描画します。

サンプルとして Mermaid の描画を確認したい場合は、左側リストから Mermaid テスト を選択してください。