尧图建网站 尧图建网站 YAOTU WEB BUILD 免费咨询
ARTICLE DETAIL

资讯详情

深耕网站建设与建站编程的一线实战洞察。

如何让 Chrome 秒变 Markdown 阅读器:markdownReader 免费扩展的完整上手体验

如何让 Chrome 秒变 Markdown 阅读器:markdownReader 免费扩展的完整上手体验 如何让 Chrome 秒变 Markdown 阅读器markdownReader 免费扩展的完整上手体验【免费下载链接】markdownReadermarkdownReader is a extention for chrome, used for reading markdown file.项目地址: https://gitcode.com/gh_mirrors/ma/markdownReader周四晚上十一点朋友阿哲发来一条语音语气里全是崩溃我又在三个编辑器之间来回切了一个小时。那天我恰好刚把一个叫 markdownReader 的 Chrome 扩展装好——它专门用来在浏览器里阅读 Markdown 文件把 .md 变成排版整齐的网页。我回他别切了把文件拖进浏览器试试。他电脑里躺着三百多个 Markdown 文件读书笔记、接口文档、面试题库散落在各个文件夹以前看代码块得开 VS Code看公式得换 Typora看完改完还得手动刷新从没想过浏览器本身就能解决这一切。从 clone 到第一屏渲染我的整个下午我是在一个文档项目的仓库里偶然翻到 markdownReader 的。项目描述只有一句话用来在 Chrome 里阅读 markdown 文件的扩展干净得不像话。核心代码就两个文件这让我这种习惯先看源码再决定用不用的人很安心——东西小意味着没那么多黑箱。安装过程比我预想中更像解一道填空题。先把仓库拉下来git clone https://gitcode.com/gh_mirrors/ma/markdownReader然后打开 chrome://extensions/把右上角的开发者模式拨开点加载已解压的扩展程序选中刚拉下来的文件夹完事。真正让我停下来多看一眼的是允许访问文件网址这个选项——不打开它扩展对本地文件就是睁眼瞎页面会一直白屏。我头一次就栽在这上面白折腾了十分钟。第一次把 .md 拖进浏览器我没抱什么期望。结果页面刷出来的瞬间我愣了一下左侧是文章右侧浮着一列大纲点任何标题就能跳转代码块带高亮深色背景语言自动识别一段夹着 $ 符号的公式被老老实实渲染成了漂亮的排版。整个过程没有按钮、没有工具栏干净得就像这个文件本来就应该长这样。三个让我改变使用习惯的细节用得越久越发现小扩展的体贴藏在细节里。最打动我的是本地文件自动刷新它每 500 毫秒轮询一次本地文件内容一变就重新渲染。听起来笨用起来却妙——我在编辑器里改一个字符切回浏览器页面已经是最新的。这种我改它跟着变的即时感让我彻底告别了写完文档还要反复刷新的习惯。第二个细节是双击切换。在内容区外双击页面像翻卡片一样翻转从渲染好的排版切回原始 Markdown 文本再双击翻回来。以前想看源文件长什么样得另开窗口现在一个双击解决。我第一次没找对地方在正文中间点了半天没反应后来才发现要点正文外面的空白处。习惯之后反而觉得合理正文里双击可能是想选中文字空白处才是我想看看底下是什么。第三个细节是大纲导航。所有 h1 到 h6 标题自动生成可点击目录挂在正文右侧窗口大小变化时会自动重新定位。读长文档时它的价值被放大十倍。我拿一份一百多页的接口规范试过对着大纲点几下就能定位到想看的章节比在编辑器里 CtrlF 搜关键词快得多。公式、表格、任务清单三个翻译官各司其职markdownReader 内部藏着三个翻译官showdown.js 把 Markdown 语法转成网页结构KaTeX 把 LaTeX 公式变成真正的数学符号highlight.js 给代码上色。三个库各管一段配合起来几乎没有存在感——而这恰恰是它最高明的地方。我对公式渲染这块尤其有发言权。以前看含数学推导的文档公式部分要么是一串反斜杠开头的原始指令要么是模糊的图片。在 markdownReader 里行内公式和块级公式都能正常显示连矩阵这类复杂结构也能渲染。虽然内置的 KaTeX 字体文件占了不小体积但换来的是完全离线可用——没有网络也能看这对常年在无网环境写文档的人是个大加分。表格和任务清单也值得一提。它支持带对齐控制的表格语法还能识别 [x]、[ ] 这种任务标记渲染成带复选框的样子。写周报、列计划的时候这种所见即所得的反馈会让你觉得文档真的被读懂了而不只是被机械地转换。进阶玩法与几个我替你踩过的坑如果你愿意动手这个扩展的可玩性比看起来高。所有样式集中在一个独立的 CSS 文件里想改字体、行高、代码配色、大纲栏的位置直接编辑 markdownreader.css 再重新加载扩展效果实时可见。我后来给大纲加了个背景色暗色模式初具雏形整个过程不到五分钟。支持的扩展名也比你想的多.md、.markdown、.mdown、.mkdn、.mkd甚至 .text、.mdtext、.mdtxt 都在清单里。这意味着那些用文本文件随手记的笔记只要内容遵循 Markdown 语法同样能享受完整的渲染待遇。不过有几个坑我替你踩过了。第一个就是开头说的允许访问文件网址权限忘了开本地文件永远白屏而且它不影响扩展加载特别有迷惑性。第二个是关于双击切换——记住要点内容区外面不然你会以为这个功能坏了。第三个是文件路径如果文件名或路径里夹着比较特殊的字符偶尔会出现加载异常保险起见改成普通的字母数字组合再试。另外公式突然显示不正常时多半是 KaTeX 字体没随扩展正确加载重新加载一次扩展基本能解决。最后轮到你了现在阿哲的日常变成了浏览器开着拖一个 md 进来读完改改完再看全程不离开浏览器。他昨天跟我说这可能是他今年装过的最无感的工具——不是功能最花哨的而是最不打扰人的。如果你也是天天跟 Markdown 打交道的人不妨花十分钟试一下把仓库 clone 下来加载进 Chrome然后拖一个你手头最复杂的 md 文件进去看看公式有没有渲染对看看大纲能不能带你飞。如果它恰好也改变了你的阅读习惯或者你发现了更好的玩法——毕竟这个项目是开源的改样式、加功能都随你。你会给它加上点什么我很想听听你的答案。【免费下载链接】markdownReadermarkdownReader is a extention for chrome, used for reading markdown file.项目地址: https://gitcode.com/gh_mirrors/ma/markdownReader创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表