利益相关声明：作者与文中产品有直接的利益相关（开发者、自家产品等）
在日常工作中，尤其当下的 AI 猛进的时代，我们难免会接收到各种 .md 格式的文档。当我们习惯性地将它拖入 Chrome 浏览器想要快速一瞥时，迎接我们的往往是没有任何排版、拥挤不堪的纯文本界面。为了看个文件还要再去打开一个独立应用，这多少有些破坏工作流的连贯性。
为了解决这个痛点，我开发了 Chrome Markdown Editor —— 一个追求极简、完全基于本地的浏览器 Markdown 增强扩展。
纯本地的轻量级托管
市面上不乏网页版 Markdown 编辑器，但它们大多存在两个问题：要么需要上传文件至云端带来隐私顾虑，要么每次编辑完都得手动下载覆盖。
得益于 Chrome 现代的 File System Access API，这个扩展实现了真正的“本地操作”。当你将文件拖入浏览器，或是通过扩展侧边栏打开项目文件夹时，你在网页内进行的所有保存（Ctrl+S）操作，都会直接且悄无声息地回写到你电脑本地的原始文件上。没有冗余的导入导出，你的 Chrome 真正变成了一个轻量级的 IDE。
特性
- 双向同步的预览编辑体验：我们实现了不仅可以“左侧码字，右侧预览”，更支持直接点击右侧预览区的段落进行快速修改（WYSIWYG 模式），非常适合微调错别字或调整排版逻辑。
- 即插即用的 Mermaid 图表：原生集成 Mermaid.js，不仅能完美渲染复杂流程图，在切换深色/浅色模式时，图表的色彩主题也会无缝跟随。
- 一体化的文件浏览器：看别人抛来的项目压缩包，解压后用这款扩展的侧边栏选定目录，就能直接获得类似 VS Code 的文件树浏览体验，自动完成 Markdown 提取。
💻 如何获取与使用
目前项目已经开源并在 GitHub 上进行维护。由于使用了相对深度的权限（拦截 file:// 协议并读取文本），目前暂未上架商店，你需要通过开发者模式加载运行。
- 访问 GitHub 仓库：yishu-ziyu/chrome-md-editor
- 下载后运行
npm run build。 - 在
chrome://extensions/加载dist目录，并务必在插件详情里勾选“允许访问文件网址”。
安装步骤（面向非开发者）
- 前往 Releases 页面下载最新的
chrome-md-editor.zip压缩包。 - 解压下载的 ZIP 文件，获得
dist文件夹。 - 打开 Chrome 浏览器，访问
chrome://extensions/设置页面。 - 开启右上角的 “开发者模式”。
- 点击 “加载已解压的扩展程序”，然后选择刚才解压出来的
dist文件夹。 - ⚠️ 重要： 在扩展列表中找到 Markdown Editor，点击“详细信息”，并开启 “允许访问文件网址”（这是拖拽本地文件自动打开功能的前提）。
- 点击浏览器工具栏的扩展图标即可启动，或者直接将本地
.md文件拖入浏览器窗口。
欢迎喜欢折腾工作流的派友们尝试，也期待你们在 Issue 区的反馈。
效果预览
双色，左侧可调出文件夹序列快速切换预览文件
