爱意满满的作品展示区。
quboliu

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

  •  
  •   quboliu · 1 day ago · 751 views

    现在用 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 replies    2026-08-08 14:59:09 +08:00
    MemoryCorner
        1
    MemoryCorner  
       23h 50m ago
    棒👍试了下挺好用的
    chongdianbao
        2
    chongdianbao  
       10h 21m ago
    试了下,看着效果可以
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1263 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 17:20 · PVG 01:20 · LAX 10:20 · JFK 13:20
    ♥ Do have faith in what you're doing.