Media
2 items
Description
Renders local Markdown files with code-copy icons and a Markdown source view. LocalMarkdownView は、Chrome で file:// の Markdown ファイルを開いたときに、標準のテキスト表示を読みやすい HTML プレビューに変換するシンプルな Chrome 拡張機能です。コードブロックのコピー、Markdown ソース表示、Markdown 本文全体のコピーにも対応しています。 【主な機能】 ・ローカル Markdown ファイルの自動プレビュー Chrome で file:// の .md / .markdown / .mdown / .mkd ファイルを開いたとき、標準のテキスト表示を読みやすい HTML プレビューに置き換えます。 ・GitHub Flavored Markdown の基本記法に対応 見出し、リスト、引用、コードブロック、表、画像、タスクリストなどを読みやすく表示します。 ・コードブロックのワンクリックコピー バッククォート3つで囲まれたコードブロックごとに右上のコピーアイコンを表示し、内容をクリップボードへコピーできます。Mermaid 図表でも元の Mermaid ソースをコピーできます。 ・Markdown ソースビュー ページ上部の Preview / Markdown 切り替えで、変換前の Markdown 本文を確認できます。右上のコピーアイコンで Markdown 全体もコピーできます。 ・Mermaid 図表プレビュー Mermaid として指定されたコードブロックを図表として描画します。各 Mermaid 図表では Preview / Source を切り替えられるため、描画結果と元の記述を確認できます。 ・ライト / ダークモード対応 Chrome や OS のカラースキームに合わせて、Markdown プレビューと Mermaid 図表の表示が切り替わります。 ・ローカル完結のシンプル設計 Markdown 本文はブラウザ内で変換され、拡張機能によって外部サーバーへ送信されません。 ・ファイル URL アクセス設定の確認 Chrome の「ファイルの URL へのアクセスを許可」が無効な場合でも気づけるように、インストール直後の案内ページとツールバーの popup で設定状態を確認できます。 【使い方】 1. 拡張機能をインストールします。 2. インストール後に表示される LocalMarkdownView のセットアップ画面で「Open extension settings」をクリックします。 3. Chrome の拡張機能詳細画面が開いたら、「ファイルの URL へのアクセスを許可」を有効にします。 4. セットアップ画面に戻り、「Check again」で設定が有効になっていることを確認します。 5. Chrome で `file:///Users/your-name/example.md` のようなローカル Markdown ファイルを開きます。 6. Markdown が自動でプレビュー表示されます。 拡張機能アイコンをクリックすると、ツールバー popup でも「ファイルの URL へのアクセスを許可」が有効かどうかを確認できます。設定が無効な場合は、popup から拡張機能詳細画面を開けます。 ※ LocalMarkdownView は `file://` のローカル Markdown ファイル表示だけを対象にしています。通常の Web サイト、Chrome 内部ページ、他の拡張機能ページでは動作しません。