在日常开发、写作和知识分享中,Markdown 文档在线预览几乎是刚需。无论是写技术博客、项目文档,还是在网页中嵌入说明文件,大家都希望有一个轻量、安全、易部署的工具。 今天要推荐的就是一个开源公益项目 ——Mutantcat Web Markdown Reader。
✨ 功能亮点
网页内嵌/直接预览 支持通过 iframe 内嵌 或直接访问网页来预览 Markdown 文档,样式遵循 GitHub Markdown 风格,阅读体验一致。
多种加载方式
url 参数:指定网络 Markdown 文件地址
base64 参数:直接传入 Markdown 原始内容
本地文件:选择本地 Markdown 文件打开
自适应布局 自动填满容器宽高,特别适合在 iframe 中使用,开发者无需额外调整样式。
纯前端实现 无需后端服务,部署极其简单。无论是 GitHub Pages、Vercel,还是任何静态托管环境,都能一键上线。
安全可靠 所有 Markdown 文件和内容均在用户端处理,不会上传服务器,隐私更安全。
⚡ 基础用法示例
通过 URL 指定 Markdown 文件
text
https://markdownreader.mutantcat.org/?url=https://raw.githubusercontent.com/Mutantcat-Working-Group/WebMarkdownReader/refs/heads/main/README.md
一键获取完整项目代码
通过 Base64 指定 Markdown 内容
text
https://markdownreader.mutantcat.org/?base64=xxxxxx
一键获取完整项目代码
本地文件打开 部署后直接选择本地 .md 文件即可。
🌐 官方公益地址
https://markdownreader.mutantcat.org
https://markdownreader.jqshengtian.top
https://mutantcat-working-group.github.io/WebMarkdownReader
你可以直接使用这些地址,或者 Fork 项目自行部署,完全自由。
🛠 开源与社区
项目地址:Mutantcat-Working-Group/WebMarkdownReader: WebMarkdown阅读器
欢迎 Star ⭐ 支持项目
欢迎 Fork 实现不同样式、性能优化或新功能
如遇问题,可直接提交 Issue,文字描述即可
这是一个 公益开源项目,旨在让 Markdown 在线预览更简单、更安全、更自由。
🎯 适用场景
技术博客平台嵌入文档
项目文档在线展示
教学资料、实验报告分享
内部知识库快速预览
无论你是开发者、写作者还是学生,Mutantcat Web Markdown Reader 都能成为你最轻便的 Markdown 在线阅读工具。
💡 如果你正在寻找一个 轻量级 Markdown 在线预览工具,不妨试试 Mutantcat Web Markdown Reader。