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

MD Preview 全平台上线:一个给 AI 生成 Markdown 文档用的本地预览器

  •  
  •   rosibo · 1 day ago · 1229 views
    分享一个自己做的小工具,MD Preview 。

    之前只是桌面端和 Android ,现在 iOS 版也已经上架 App Store ,所以 Windows 、macOS 、Linux 、Android 、iPhone 、iPad 都覆盖了。

    它不是 Markdown 编辑器,而是一个 read-first 的本地预览窗口。起因是现在 Claude Code / Codex / Cursor 这类工具每天都会生成很多 Markdown:

    - README.md
    - plan.md
    - specs
    - Mermaid diagrams
    - KaTeX notes
    - changelog / task docs

    我不想为了读这些文件打开完整 IDE ,也不想把临时文档导进一个知识库,所以做了一个小窗口:打开文件、渲染、搜索、打印,保存后自动刷新。

    特点:

    - 桌面端用 Rust + 系统 WebView ,不是 Electron
    - Markdown / code / Mermaid / KaTeX 都本地渲染
    - 支持打开最近文件、预览搜索、原生打印
    - iOS / Android 可以从 Files / 分享面板 / 打开方式进入
    - 免费、MIT 开源

    官网:
    https://vorojar.github.io/md-preview/

    GitHub:
    https://github.com/vorojar/md-preview

    iOS:
    https://apps.apple.com/cn/app/local-markdown-preview/id6779451523

    如果你也经常被 AI 生成的一堆 Markdown 文件包围,欢迎试试看。
    Supplement 1  ·  9h 20m ago

    补一张实际效果图,前面文字可能有点抽象。

    截图里是桌面端打开一份 App Review demo Markdown:可以看到 checklist、GitHub-style alerts、表格等渲染效果,后面还有代码块、Mermaid、KaTeX。

    它主要就是这种 read-first 场景:AI / editor 生成 README、plan.md、review checklist 或技术文档之后,用一个独立的小窗口快速看渲染结果;不是笔记库,也不是 Markdown 编辑器。

    MD Preview 实际预览效果

    23 replies    2026-06-19 19:27:46 +08:00
    murongxdb
        1
    murongxdb  
       1 day ago
    场景很真实,现在 AI 每天产出的 md 文件确实多到离谱。我之前也是不想开 IDE 就为了看个 plan.md ,后来自己做了一个 Markdown 编辑器 Markra ( Tauri + Milkdown ),和你这个思路有点像但反过来 —— 你做的是纯预览,我做的是轻量编辑。两个工具其实挺互补的,预览用你的,要改的时候用 Markra 😄

    GitHub: https://github.com/murongg/markra
    Derek0310
        2
    Derek0310  
       1 day ago via Android
    liuliuliuliu
        3
    liuliuliuliu  
    PRO
       21h 20m ago
    我发现这类工具都是用 webview ,很占资源啊,为什么不能 native
    win8en
        4
    win8en  
       14h 13m ago
    @murongxdb 你这个就有点厉害了。简直好用到离谱!!!不过,目前 Windows 版本的弹窗用的还是系统默认风格的,有点和整体优雅美丽的气质不搭,有考虑改进一下么?
    murongxdb
        5
    murongxdb  
       12h 1m ago
    @win8en 会考虑的,只是现在 feature 和 bug 什么么的有点多,只是优先级不是那么高
    murongxdb
        6
    murongxdb  
       12h 0m ago
    @liuliuliuliu native 复杂度会高很多,而且跨平台得多写很多代码
    win8en
        7
    win8en  
       11h 48m ago
    @murongxdb #5 好的。昨天本来也想自己搞一个的,项目开发文档都做好了。我也没有编辑的需求,就是看。想实现类似以前 picasa 看图片的那种效果,双击一个放大动画,没有界面,直接滚动就浏览了。类似这种原型图,昨天生成的。双击直接阅读
    不进入编辑器
    不出现工具栏
    不显示代码界面

    获得类似:图片浏览 PDF 阅读的体验。
    murongxdb
        8
    murongxdb  
       11h 46m ago
    @win8en #7 你这个 UI 也挺好看的。markra 的定位是极简风,所以基本上其他颜色很少
    win8en
        9
    win8en  
       11h 43m ago via Android
    @murongxdb 一直认为 Google picasa 是看图软件中顶级都存在,这么多年过去了,还是很少有他那种动画效果,GitHub 有个外国人做的,已经很接近了,但是还是没有 picasa 那种流畅的动画效果
    murongxdb
        10
    murongxdb  
       11h 31m ago
    @win8en #9 你做出来我也用用
    murongxdb
        11
    murongxdb  
       11h 30m ago
    @liuliuliuliu webview 不一定很占资源,我写的 markra 的资源占用很低,使用 Tauri 编写,安装包 8MB ,内存占用趋近于原生
    nihao1111112
        12
    nihao1111112  
       11h 28m ago
    为啥不考虑 typora 呢,直接当个文档阅读器,非常成熟了
    murongxdb
        13
    murongxdb  
       11h 18m ago
    @nihao1111112 也可以看看 markra ,开源免费
    GitHub: https://github.com/murongg/markra
    liuliuliuliu
        14
    liuliuliuliu  
    PRO
       9h 57m ago
    @murongxdb #11 那如果本机没有 webview 会怎么办?
    q2316367743
        15
    q2316367743  
       9h 37m ago
    @murongxdb #11 你看的只是应用占用内存,webview 本身内存不在应用树下面,所以看起来少,实际上 webview 占用内存和 electron 差不多的
    rosibo
        16
    rosibo  
    OP
       9h 36m ago
    @liuliuliuliu @q2316367743 这块我理解为取舍:MD Preview 桌面端调用系统 WebView ,不打包 Chromium ,所以安装包小、启动快;但运行时确实会占用系统 WebView 进程,不能只看应用主进程内存。macOS/Windows 通常自带,Linux 需要 WebKitGTK ,极简发行版可能要先装运行库。纯 native 渲染可以更可控,但 Markdown/GFM/KaTeX/Mermaid 跨平台实现成本会高很多。
    rosibo
        17
    rosibo  
    OP
       9h 33m ago
    @murongxdb 有带编辑。
    rosibo
        18
    rosibo  
    OP
       9h 32m ago
    @liuliuliuliu 实在太麻烦了,要适配的超级多
    murongxdb
        19
    murongxdb  
       7h 24m ago
    @q2316367743 我观察过 Markra 在 windows 下的内存占用,常态在 10MB 左右
    grantonzhuang
        20
    grantonzhuang  
       7h 15m ago via Android
    https://github.com/dogmonkeyffc/talkannotate

    我也写了一个😁不过我的思路是配套 skill 让 agent 发布到这个 web 服务,我还可以做批注,让他根据批注修改。这个服务是 web 的,用 sqlite 做数据库。

    工作流是
    1 agent 写 md 文件,推送到这个预览服务

    2 人在浏览器审核做批注,然后 copy 一个提示词

    3 把提示词发给 agent ,他会读取批注,继续这个工作流

    4 直到我审批完没问题再开始
    ImGroot
        21
    ImGroot  
       6h 17m ago
    @murongxdb #1 下载了,软件挺简洁的,mac 上可以设置 Finder 中选中 md 文件按空格预览吗
    win8en
        22
    win8en  
       5h 21m ago
    @murongxdb #10 目前做出雏形了,感觉还不错!继续修改 BUG
    adrianzhang
        23
    adrianzhang  
       54 mins ago
    Android 版试了一下,打开一个纯文本的,不自动换行,比较难受,毕竟屏幕这么小
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2529 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 53ms · UTC 12:21 · PVG 20:21 · LAX 05:21 · JFK 08:21
    ♥ Do have faith in what you're doing.