Flintmark:在 VS Code 里像 Obsidian 一样实时渲染 Markdown 的开源插件

quboliu 2026-08-07 22:24 1

现在用 AI 辅助编码,经常会生成较多的 Markdown 文档,里面有 mermaid 图、表格这类内容。直接看源码的话,表格的竖线和分隔
符混在一起,看起来比较费劲;
VS Code 自带的预览虽然能渲染,但是只读的,改内容要切回源码找到对应位置,来回切换效率比较低。


Obsidian 的 Live Preview 模式中光标所在的行显示源码,其余部分实时渲染,阅读和编辑在同一个视图里完成。Flintmark 就是把这个交互方式搬到了 VS Code ,同时移植了 Obsidian 主题市场里排名比较靠前的 Things 主题。


功能列表:


• 标题、强调、列表、任务勾选框、表格、数学公式、mermaid 图、代码块直接在编辑器内渲染,代码块支持 30 多种语言高亮

• 支持 Obsidian 常用语法:[[双链]]、#标签、==高亮==、callout 、图片嵌入及尺寸指定

• 文件保持纯 Markdown ,没有私有格式,可以随时切回源码视图,卸载插件不影响已有文件

• 在预览中选中的内容可以发送给 Copilot 、Cursor 等工具的 AI 编辑或对话功能。webview 编辑器默认不向宿主暴露选区,插件做了桥接


适用场景:在 VS Code 里写笔记、写文档,或者需要经常阅读 AI 生成的 Markdown 内容。


插件免费开源( MIT 协议),VS Code 扩展商店搜索 Flintmark 安装,代码在 github.com/quboliu/flintmark ,有问题可以提 issue 。

最新回复 (2)
  • MemoryCorner 08-08 01:30
    1
    棒👍试了下挺好用的
  • chongdianbao 08-08 14:59
    2
    试了下,看着效果可以
* 帖子来源V2EX
返回