Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Markdown Outline ViewerNew to Visual Studio Code? Get it now.
Markdown Outline Viewer

Markdown Outline Viewer

xiaohutech

|
57 installs
| (0) | Free
智能Markdown大纲查看器:支持光标同步、滚动跟随、层级显示、面包屑导航
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Markdown大纲查看器 (增强版) 🚀

一个强大的VS Code扩展,提供Markdown文档大纲的可视化显示,支持实时位置跟踪、智能导航和扩展协作。

Markdown Outline Demo VS Code Python

🚀 快速开始

安装使用

  1. 打开Markdown文件: 在VS Code中打开任意 .md 文件
  2. 查看Markdown大纲面板: 在资源管理器中找到 "Markdown大纲" 面板
  3. 享受功能:
    • 💙 光标激活 - 移动光标时自动蓝色高亮当前标题
    • 👁️ 滚动跟随 - 滚动文档时大纲实时淡色跟随(100%稳定)
    • 🎯 精准跳转 - 点击大纲项立即跳转到编辑器中心
    • 🍞 智能面包屑 - 优先显示滚动位置的完整路径
    • ⚡ 零延迟响应 - 所有交互都是实时的,无任何延迟

✨ 核心特性

🎯 现代化Webview界面

  • 自定义Webview - 现代化界面,无缓存问题,完全可定制样式
  • 完全重构 - 告别传统TreeView的限制,拥抱全新体验

🐍 Python驱动解析

  • 高性能Markdown解析引擎,基于正则表达式优化
  • 智能代码块过滤,避免误识别代码中的 # 符号
  • 精确的层次结构构建,支持6级标题嵌套

🎨 清晰的等级标识

H1① 一级标题    🔴 红色圆形标识
H2② 二级标题    🟠 橙色圆形标识  
H3③ 三级标题    🟡 黄色圆形标识
H4④ 四级标题    🟢 绿色圆形标识
H5⑤ 五级标题    🔵 蓝色圆形标识
H6⑥ 六级标题    🟣 紫色圆形标识

🔄 实时同步功能

  • ✅ 光标位置同步 - 编辑器光标移动时自动高亮对应大纲项
  • ✅ 滚动跟随 - 滚动文档时大纲安静跟随,双状态显示
  • ✅ 点击跳转 - 点击大纲项立即跳转到编辑器中心位置
  • ✅ 文档变化实时更新 - 文档修改时大纲自动刷新
  • ✅ 智能展开 - 自动展开到当前项,支持手动折叠
  • ✅ 扩展协作 - 与其他Markdown扩展(如预览插件)协同工作

🍞 智能面包屑导航

📍 当前路径 (智能跟随滚动位置)
┌── H1① 测试文档              [1]
├── H2② 二级标题1            [27]  
└── H3③ 三级标题1.1 (当前)   [41]
  • ✨ 纵向树状显示 - 清晰展示从根到当前标题的完整路径
  • 🧠 智能优先级 - 优先显示滚动激活位置,同一位置时显示光标位置
  • 🎛️ 一键开关 - 🍞 按钮随时控制显示/隐藏
  • 👆 点击跳转 - 面包屑每一级都可以点击跳转
  • 💾 记忆设置 - 自动保存显示偏好

📝 更新日志

v3.1.0 (当前版本) - 2024-12-19

  • 🔧 关键修复: 彻底解决滚动激活概率失败问题
  • 🎯 精准定位: 修复DOM选择器冲突,确保激活正确的大纲项
  • ⚡ 性能优化: 移除所有防抖延迟,实现真正的实时响应
  • 🎨 智能面包屑: 优先显示滚动激活位置,更直观的导航体验
  • 🔄 滚动优化: 以屏幕顶部为基准的智能滚动激活算法
  • 🐛 稳定性提升: 解决竞态条件,100%稳定的双状态激活系统

v3.0.0 - 2024-10-06

  • 🍞 面包屑导航: 纵向树状路径显示,一键开关
  • 🔄 滚动同步: 编辑器滚动时大纲智能跟随
  • 🎯 双状态显示: 蓝色激活 vs 淡色跟随,互不干扰
  • ⚡ 即时响应: 移除延时,滚动跟随更流畅
  • 🎨 视觉增强: 脉搏动画、闪烁高亮等视觉效果
  • 🧠 智能展开: 自动展开到当前项的完整路径

v2.0.0

  • 🎉 全新架构: Python + Webview混合驱动
  • ✨ 等级标识: H1①、H2②清晰显示
  • 🎨 自定义UI: 现代化界面设计
  • 🔌 扩展API: 支持与其他扩展协作
  • ⚡ 性能优化: 防抖更新,智能缓存
  • 🐛 问题修复: 解决TreeView缓存问题

v1.0.0

  • 基础大纲显示功能
  • 当前位置高亮
  • 实时刷新

📄 许可证

MIT License - 自由使用、修改和分发。

🌟 贡献

欢迎提交Issue和Pull Request!让我们一起让Markdown编辑体验更好!


享受更好的Markdown大纲体验! 🎉

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