我为开发者打造了最美的 Markdown 查看器(而且免费)

发布: (2026年2月1日 GMT+8 22:25)
4 min read
原文: Dev.to

Source: Dev.to

Cover image for I Built the Most Beautiful Markdown Viewer for Developers (And It's Free)

Screenshot of the Markdown Viewer Premium UI

为什么阅读 Markdown 仍然这么……丑?

作为开发者,我们生活在 Markdown 中。我们用它编写文档、README、笔记和博客文章。但每当我在浏览器中打开本地的 .md 文件时,看到的都是原始的、没有样式的文字,或者是那种看起来像 1998 年后端工程师随手写的 90 年代风格的 HTML(无意冒犯,后端的朋友们!)。

我想要更好的体验——一种像阅读高级文档的感觉,具备:

  • ✨ 漂亮的排版(Inter 与 JetBrains Mono)
  • 🌫️ Glassmorphism UI
  • 🌓 完美的暗黑模式
  • 📊 丰富的图表支持

于是,我构建了 Markdown Viewer Premium,它将彻底改变你查看文档的方式。

Markdown Viewer Premium in action

默认查看器的问题

大多数浏览器的 Markdown 扩展都:

  • 过时——多年以前就已经构建,样式陈旧。
  • 基础——仅是标准 HTML,没有语法高亮或图表。
  • 丑陋——忽视空白、可读性和美观。

认识 Markdown Viewer Premium 🚀

这不仅仅是一个解析器;它是为美感和可读性而设计的渲染引擎。

Markdown Viewer Premium UI details

关键特性

🎨 惊艳的“玻璃”美学

使用 Tailwind 构建的 CSS 产生了磨砂玻璃效果。侧边栏、目录和代码块都有细微的透明度,背景会被模糊,呈现出现代操作系统的感觉。

🧜‍♀️ 支持放大弹窗的 Mermaid 图表

Mermaid 图表会渲染为清晰的 SVG。点击任意图表即可在可放大的灯箱中打开——非常适合复杂的流程图。

💻 丰富的代码、数学与 GFM 支持

  • 语法高亮:覆盖所有主流语言。
  • GFM 支持:任务列表、表格、删除线。
  • LaTeX 支持:编写 $E = mc^2$ 即可即时使用 KaTeX 渲染。
  • 复制按钮:代码片段一键复制。

🖨️ 专业的 PDF 导出

按下 Ctrl+P(或 Cmd+P)即可将渲染后的 Markdown 导出为干净、带样式的 PDF。

🛠 高级用户工具

  • 原始视图——即时在渲染视图和原始 Markdown 之间切换。
  • 主题切换——在浅色和暗色模式之间无缝切换。
  • 智能目录——粘性目录,便于快速导航。

🐙 无缝的 GitHub 集成

粘贴 GitHub 文件链接(blob 或 raw),查看器会自动获取并渲染,无需先下载文件。

为什么要使用它?

  • 可读性——恰当的行高和排版。
  • 完整性——处理复杂图表和数学公式时不出错。
  • 速度——即使是大型文档也能瞬间加载。

试一试吧!

如果你在乎工具的美观度,赶紧试试吧。

Chrome 网上应用店链接

在评论区告诉我你的使用感受吧!👇

Back to Blog

相关文章

阅读更多 »