Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Mohki Markdown FlowNew to Visual Studio Code? Get it now.
Mohki Markdown Flow

Mohki Markdown Flow

Mototsugu Ohki

|
7 installs
| (0) | Free
Notion風にMarkdownをそのままリッチ編集。プレビュー不要で、見出し・太字・タスクがその場で整います。
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Markdown Flow

Notion のように、Markdown をそのままリッチに編集できる VSCode 拡張です。プレビューボタンは要りません——.md を開くと、見出しは大きく、太字は太く、チェックボックスは本物のチェックボックスとして表示され、そのまま編集できます。

特徴

  • 見出しが大きく表示(# +スペースでその場で見出しに)
  • ## で見出し2、# で見出し1(Notion と同じく、レベルを置き換え)
  • タスクリスト:[] でチェックボックス作成、クリックでトグル、[x] でチェック、字下げ(ネスト)内でも作成可
  • 書式ツールバー:太字・斜体・見出し1/2/3・箇条書き・タスク・折りたたみ・文字色のボタン。普段は隠れていて、マウスを画面の上端に近づけると降りてきます(設定で常時表示・非表示も選べます)
  • 文字色:「A」ボタンから既定・赤・青・緑・黄・グレーを選べます
  • 折りたたみ(トグル):>>> +スペースで作成。▶ / ▼ で開閉でき、見出しはその場で書き換えられます。開閉してもファイルは変更されません
  • wikilink:[[ページ名]] をリンク風に表示。保存は [[ページ名]] のままなので Obsidian などと互換
  • 太字・斜体・リスト・引用・コードブロックなどの基本 Markdown
  • 外部変更に追従(他のエディタや git でファイルが変わると自動で反映)
  • VSCode のテーマに追従:ライトでもダークでも読みやすい配色になります
  • ファイルを壊さない:Markdown ⇔ 表示の往復を検証したうえで保存
  • 安全:webview は外部通信を遮断(厳格な Content-Security-Policy、外部 CDN 不使用)

使い方

.md ファイルを開くだけです。自動的に Markdown Flow で開きます。

標準のテキストエディタで開きたいときは、ファイルを右クリック →「Reopen Editor With… → Text Editor」を選びます。

既知の制限

  • wikilink のクリックで開けるのは、同じフォルダにある .md ファイルだけです
  • 折りたたみを解除するには、本文の先頭で Backspace を押すか、ツールバーの折りたたみボタンをもう一度押してください
  • 入れ子のタスクで親子の間に空行が入ることがあります(Markdown の通常挙動で、内容は壊れません)

ライセンス

MIT License. 内部で Milkdown(MIT ライセンス)を使用しています。

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft