在浏览器中把 Markdown 文件渲染成网页Markdown Viewer 插件上手指南【免费下载链接】markdown-viewerMarkdown Viewer / Browser Extension项目地址: https://gitcode.com/gh_mirrors/ma/markdown-viewer如果你打开 .md 文件时看到的是一大片纯文本和井号Markdown Viewer 就是为这类场景做的免费开源浏览器插件它检测到 Markdown 内容后直接渲染成带标题、表格、代码块的排版网页内置 30 种主题、数学公式和流程图渲染Chrome、Firefox、Edge、Opera、Brave、Chromium、Vivaldi 均有商店版本。 读取本地 Markdown 文件多开一个开关的事装完插件不等于能看本地文件。打开浏览器的扩展管理页进入 Markdown Viewer 的详细信息把允许访问文件网址开关打开——这是最容易被跳过的一步不打开时插件读不到file:///地址下的文档。Firefox 上没有这个开关可跳过该步骤。之后用浏览器打开任何 .md 文件都会自动渲染写文档时再打开Auto reload插件每秒发一次请求检查改动保存后页面自动刷新不用手动按 F5。 读取远程 Markdown只允许你明确指定的网站对网页内容插件的默认策略是什么站点都不访问。进入Advanced Options页面把目标地址粘贴进 Site Access 输入框点 Add才逐站放开权限例如*://raw.githubusercontent.com一次覆盖 http 和 httpshttps://*.githubusercontent.com覆盖该域名的所有子域http://localhost:3000本地开发服务器的指定端口每个已允许的源还能单独设置内容判定规则检查content-type响应头是否为text/markdown、text/x-markdown或text/plain或按正则匹配 URL 路径默认正则匹配 md、mdown、mkd、mkdn、mdtxt 等 9 种扩展名。匹配多条规则时最具体的 URL 优先。确实想全开也有 Allow All 按钮但官方推荐只放行实际需要的源。 读技术文档公式、流程图和目录一次开启技术文档是这个插件最用武之地的场景。在弹窗里打开对应开关即可MathJax 公式支持行内\( \)与$...$、块级\[ \]与$$...$$四种定界符注意普通文本里的美元符号要写成\$否则会被当成公式开始Mermaid 图表把图表代码放进 mmd 围栏代码块即可渲染Shift 滚轮缩放、左键拖拽平移、拖右下角调高度写一张最典型的流程图代码块高亮默认开启由 Prism 引擎驱动主流编程语言都覆盖打开 ToC 后按文档标题生成目录可一键跳转滚动位置也会记忆下次打开同一文档恢复到你上次停下的位置。 主题与宽度配置30 种主题里挑一个点插件图标就能切换主题内置列表共 30 个github和github-dark与 GitHub 仓库的 README 渲染效果一致water、bamboo、semantic等则各有风格。每个主题支持 7 档宽度auto 随屏幕自适应full 为 100%wide 1400px、large 1200px、medium 992px、small 768px、tiny 576px。内置样式不满意时选 CUSTOM 上传自己的 CSS上传时自动压缩大小上限 8KB样式写法可参考主题样式文件的结构。⚙️ 高级玩法6 种解析器和 16 项语法开关默认解析器完整支持 CommonMark外加 GFM 表格和删除线。想细调时插件提供 markdown-it、marked、remark、commonmark、showdown、remarkable 六种解析器任选其中 markdown-it 暴露 16 个选项脚注、缩写、任务列表、高亮、上下标、换行转br等都能单独打开。文档写一半想确认源码效果时用原始视图开关可以在渲染结果和 Markdown 原文之间来回切换。权限列表跨设备同步后新设备上高亮的源点一次 Refresh 即可重新授权相关逻辑在源管理代码中。【免费下载链接】markdown-viewerMarkdown Viewer / Browser Extension项目地址: https://gitcode.com/gh_mirrors/ma/markdown-viewer创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 在浏览器中把 Markdown 文件渲染成网页：Markdown Viewer 插件上手指南
在浏览器中把 Markdown 文件渲染成网页Markdown Viewer 插件上手指南【免费下载链接】markdown-viewerMarkdown Viewer / Browser Extension项目地址: https://gitcode.com/gh_mirrors/ma/markdown-viewer如果你打开 .md 文件时看到的是一大片纯文本和井号Markdown Viewer 就是为这类场景做的免费开源浏览器插件它检测到 Markdown 内容后直接渲染成带标题、表格、代码块的排版网页内置 30 种主题、数学公式和流程图渲染Chrome、Firefox、Edge、Opera、Brave、Chromium、Vivaldi 均有商店版本。 读取本地 Markdown 文件多开一个开关的事装完插件不等于能看本地文件。打开浏览器的扩展管理页进入 Markdown Viewer 的详细信息把允许访问文件网址开关打开——这是最容易被跳过的一步不打开时插件读不到file:///地址下的文档。Firefox 上没有这个开关可跳过该步骤。之后用浏览器打开任何 .md 文件都会自动渲染写文档时再打开Auto reload插件每秒发一次请求检查改动保存后页面自动刷新不用手动按 F5。 读取远程 Markdown只允许你明确指定的网站对网页内容插件的默认策略是什么站点都不访问。进入Advanced Options页面把目标地址粘贴进 Site Access 输入框点 Add才逐站放开权限例如*://raw.githubusercontent.com一次覆盖 http 和 httpshttps://*.githubusercontent.com覆盖该域名的所有子域http://localhost:3000本地开发服务器的指定端口每个已允许的源还能单独设置内容判定规则检查content-type响应头是否为text/markdown、text/x-markdown或text/plain或按正则匹配 URL 路径默认正则匹配 md、mdown、mkd、mkdn、mdtxt 等 9 种扩展名。匹配多条规则时最具体的 URL 优先。确实想全开也有 Allow All 按钮但官方推荐只放行实际需要的源。 读技术文档公式、流程图和目录一次开启技术文档是这个插件最用武之地的场景。在弹窗里打开对应开关即可MathJax 公式支持行内\( \)与$...$、块级\[ \]与$$...$$四种定界符注意普通文本里的美元符号要写成\$否则会被当成公式开始Mermaid 图表把图表代码放进 mmd 围栏代码块即可渲染Shift 滚轮缩放、左键拖拽平移、拖右下角调高度写一张最典型的流程图代码块高亮默认开启由 Prism 引擎驱动主流编程语言都覆盖打开 ToC 后按文档标题生成目录可一键跳转滚动位置也会记忆下次打开同一文档恢复到你上次停下的位置。 主题与宽度配置30 种主题里挑一个点插件图标就能切换主题内置列表共 30 个github和github-dark与 GitHub 仓库的 README 渲染效果一致water、bamboo、semantic等则各有风格。每个主题支持 7 档宽度auto 随屏幕自适应full 为 100%wide 1400px、large 1200px、medium 992px、small 768px、tiny 576px。内置样式不满意时选 CUSTOM 上传自己的 CSS上传时自动压缩大小上限 8KB样式写法可参考主题样式文件的结构。⚙️ 高级玩法6 种解析器和 16 项语法开关默认解析器完整支持 CommonMark外加 GFM 表格和删除线。想细调时插件提供 markdown-it、marked、remark、commonmark、showdown、remarkable 六种解析器任选其中 markdown-it 暴露 16 个选项脚注、缩写、任务列表、高亮、上下标、换行转br等都能单独打开。文档写一半想确认源码效果时用原始视图开关可以在渲染结果和 Markdown 原文之间来回切换。权限列表跨设备同步后新设备上高亮的源点一次 Refresh 即可重新授权相关逻辑在源管理代码中。【免费下载链接】markdown-viewerMarkdown Viewer / Browser Extension项目地址: https://gitcode.com/gh_mirrors/ma/markdown-viewer创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考