在日常工作中，尤其当下的 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:// 协议并读取文本），目前暂未上架商店，你需要通过开发者模式加载运行。

1. 访问 GitHub 仓库：yishu-ziyu/chrome-md-editor
2. 下载后运行 npm run build。
3. 在 chrome://extensions/ 加载 dist 目录，并务必在插件详情里勾选“允许访问文件网址”。

安装步骤（面向非开发者）

1. 前往 Releases 页面下载最新的 chrome-md-editor.zip 压缩包。
2. 解压下载的 ZIP 文件，获得 dist 文件夹。
3. 打开 Chrome 浏览器，访问 chrome://extensions/ 设置页面。
4. 开启右上角的 “开发者模式”。
5. 点击 “加载已解压的扩展程序”，然后选择刚才解压出来的 dist 文件夹。
6. ⚠️ 重要： 在扩展列表中找到 Markdown Editor，点击“详细信息”，并开启 “允许访问文件网址”（这是拖拽本地文件自动打开功能的前提）。
7. 点击浏览器工具栏的扩展图标即可启动，或者直接将本地 .md 文件拖入浏览器窗口。

欢迎喜欢折腾工作流的派友们尝试，也期待你们在 Issue 区的反馈。

效果预览

双色，左侧可调出文件夹序列快速切换预览文件