Markdown Viewer 实战指南：在浏览器里直接渲染公式与图表的 MD 阅读器

Markdown Viewer 实战指南在浏览器里直接渲染公式与图表的 MD 阅读器【免费下载链接】markdown-viewerMarkdown Viewer / Browser Extension项目地址: https://gitcode.com/gh_mirrors/ma/markdown-viewerMarkdown Viewer 是开源的 Markdown 浏览器扩展把本地和网络上的 .md 文件直接渲染成带语法高亮、公式与图表的排版页面免去复制粘贴到在线渲染器的麻烦。适合常读 README、技术文档的人。能力总览功能一句话说明默认状态语法高亮围栏代码块按语言着色覆盖 300 多种语言开启公式渲染MathJax 渲染行内与块级 LaTeX关闭图表渲染Mermaid 流程图、时序图可缩放与平移关闭目录生成按标题生成可点击的 ToC关闭自动重载本地文件每秒检测一次变更并刷新关闭主题与宽度30 多个内置主题宽度 7 档内置 github 主题Emoji简写转为 EmojiOne 图标关闭日常真正高频用的是语法高亮和主题宽度前者默认开启读代码密集的文档基本不用动后者决定阅读舒适度auto 档在 github 主题下与 GitHub 仓库的 README 渲染效果一致。公式和图表默认都是关的不手动打开就不会渲染——这也是功能失效误会最常见的来源。⚙️ 从安装到可用从浏览器商店安装支持 Chrome、Firefox、Edge 等或下载 release 里的 .crx / .zip 手动加载打开扩展管理页找到 Markdown Viewer点详细信息打开Allow access to file URLs开关——本地文件能不能读全看它用 file:// 地址打开任意 .md 文件验证渲染效果点工具栏图标打开快速设置面板选主题、宽度按需打开 mathjax、mermaid 等开关要读远程网站的 Markdown在高级选项页把对应源origin加入白名单本地文件权限怎么开就是第 2、3 步扩展管理页 → 详细信息 → 文件网址开关。很多人装完漏掉这一步之后打开本地文档没有任何反应。Firefox 版流程略有差异仓库里的 firefox.md 有单独说明。远程源默认一律不授权这是有意设计。授权支持通配符*://raw.githubusercontent.com一次覆盖 http 和 httpshttp://localhost:3000可以精确到端口每个源还能单独配置内容检测。宽度共 7 档按屏幕大小选即可宽度效果auto自适应github 主题下为固定宽加边框full100% 屏宽wide / large1400px / 1200pxmedium / small / tiny992px / 768px / 576px 进阶能力拆解MathJax 公式渲染配置面板里打开mathjax开关后行内公式写\(E mc^2\)或$E mc^2$块级公式写$$ … $$。正文里的普通美元符号要转义成\$否则会被当成公式定界符吃掉。Mermaid 图表把图写进mmd或mermaid围栏代码块即可最小例子渲染出的图表支持拖右下角改容器高度、Shift 加滚轮缩放、左键拖拽平移看大图不用导出来。解析器选择面板可切换解析器各自带独立的选项面板abbr、breaks、tasklists、footnote 等 15 项解析器特点markdown-it默认引擎CommonMark GFM选项最细marked轻量快速remark插件生态丰富commonmark / showdown / remarkable仓库内另有对应模块面向严格规范、双向转换、扩展定制markdown-it 的开关里 html 和 linkify 默认打开其余按需勾选即可一般不必逐个研究。自定义主题怎么上传高级选项页把主题选成 custom上传自己的 .css 文件再指定 light 或 dark 配色。上传时会自动压缩上限 8KB超限会在页面上直接报错。适合团队统一阅读样式或把某个内置主题微调后固化下来。 踩坑与效率本地 .md 打开没有渲染 → 文件访问权限没开 → 回扩展详情页打开Allow access to file URLs高级选项页里也会出现 Allow Access 快捷按钮。开启公式后正文的 $ 显示异常 → MathJax 把$当成了定界符 → 正文美元改写成\$注意\(这类转义括号 MathJax 不认用反引号包住更稳。换设备后授权源高亮、不可用 → 同步同步的是偏好设置权限本身不跨设备 → 在高级选项页点高亮源旁边的Refresh重新授权。效率组合写文档时开autoreload它只对 file:// 和 localhost 生效改完秒级刷新长文档开toc配合标题锚点跳转短文档关掉更清爽权限只加需要的域名精确 URL 优先于*://*每个源可单独调内容检测content-type 头加路径正则默认匹配 .md 等 9 种扩展名团队场景用自定义主题加固定宽度保证所有人看到的排版一致关键文件索引README.md功能清单、权限与主题说明popup/快速设置面板主题、宽度、解析器、内容开关都在这options/高级选项页含自定义主题上传background/compilers/解析器模块content/themes.css内置主题样式打开扩展图标面板先勾上 mathjax 和 toc宽度选 wide日常文档阅读就能跑起来了。【免费下载链接】markdown-viewerMarkdown Viewer / Browser Extension项目地址: https://gitcode.com/gh_mirrors/ma/markdown-viewer创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考