Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Note CardsNew to Visual Studio Code? Get it now.
Note Cards

Note Cards

XuanTree

|
8 installs
| (0) | Free
A simple extension to let you view all your md notes as cards!
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Intro|介绍

English | 中文

English

Note Cards

A simple extension to let you view all your md notes as cards! If you have used note-taking apps like Obsidian, you will find using this extension easy.

Features

  1. ✅View all your md notes as cards.
  2. ✅Open your note directly from the cards.
  3. ✅Filter your notes by tags.
  4. ✅Add a Cover to your cards.
  5. ✅Light/Dark mode can be chosen!

Usage

  1. Open VSCode.
  2. Click the extension market
  3. Search for "Note Cards" and install it.
  4. Open a folder containing your md notes.

You can use Yaml front matter in your md notes to add a cover to your cards. The cover will be displayed on the card. The cover can be a link to an image or a local image.Using command Ctrl+Shift+P to open the command palette and type "Note Cards: Open View" to open the panel.

Known Issues

  1. ~~using multiple Heading 1 will cause the cards to be grouped together.~~
  2. ~~using HTML like <div> in md files seems to cause the cards to be grouped together.~~

Enjoy!

中文

Note Cards

一个简单的扩展,让你可以将所有的md笔记以卡片的形式查看!如果你使用过像Obsidian这样的笔记应用,你会发现使用这个扩展非常简单。

功能

  1. ✅将所有的md笔记以卡片的形式查看。
  2. ✅直接从卡片中打开你的笔记。
  3. ✅通过标签过滤你的笔记。
  4. ✅为你的卡片添加封面。
  5. ✅可以选择浅色/深色模式!

使用方法

  1. 打开VSCode。

  2. 点击扩展市场

  3. 搜索"Note Cards"并安装它。

  4. 打开一个包含你的md笔记的文件夹。

你可以在你的md笔记中使用Yaml front matter来为你的卡片添加封面。封面可以是一个链接到图片的链接,也可以是一个本地图片。使用命令Ctrl+Shift+P打开命令面板,输入"Note Cards: Open View"来打开面板。

已知问题

  1. ~~使用多个标题1会导致卡片被分组在一起。~~
  2. ~~在md文件中使用HTML如<div>似乎会导致卡片被分组在一起。~~

欢迎随时反馈问题!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft