v0.2 · 浏览器扩展

MarkdownTab

浏览器内的轻量 Markdown 编辑器。
直接打开、编辑和保存本地 .md 文件。
拦截 .md 链接,用编辑器直接打开,无需下载。

为什么需要它?

浏览器点击 .md 链接只会显示纯文本?你需要一个更好的方式。

01

浏览器只能看纯文本

点击 .md 文件链接,浏览器只显示原始 Markdown 源码,没有渲染效果。

02

编辑需要额外工具

想修改文件?下载 → 打开编辑器 → 修改 → 保存 → 上传,步骤繁琐。

03

重型编辑器杀鸡用牛刀

只想快速看一眼或改几个字,不需要打开 VS Code 或 Typora。

效果预览

简洁的界面,专注写作本身。

MarkdownTab 效果预览

核心功能

直接编辑本地文件

打开 .md 文件直接编辑,保存时直接写入原文件,无需导出或下载。

所见即所得编辑

基于 Tiptap 引擎,实时渲染 Markdown 语法,编辑即预览。

拦截 .md 链接

自动拦截网页上的 .md 链接,直接用编辑器打开,无需下载文件。

多主题切换

海蓝、暗夜、暖沙三种主题,适应不同光线环境和偏好。

编辑布局可调

宽、中、窄三种布局宽度,适应不同屏幕和阅读习惯。

中英双语

支持中文和英文界面切换,满足不同语言习惯。

目录大纲导航

左侧面板显示文章大纲,快速跳转到任意标题层级。

零数据上传

所有文件操作在本地完成,内容不会上传到任何服务器。

使用方式

1

允许访问文件 URL

在扩展管理页面,打开 MarkdownTab 的"允许访问文件 URL"开关。

2

设置默认打开方式

在系统设置中将 .md 文档的默认打开方式设置为浏览器。

3

编辑保存

双击 .md 文件自动用编辑器打开,所见即所得编辑,Ctrl+S 直接保存。

技术栈

类型Chrome Extension (Manifest V3)
编辑器Tiptap
解析markdown-it + Turndown
APIFile System Access API
样式原生 CSS
构建esbuild

适用场景

快速查看 .md 文件 轻量编辑笔记 GitHub 文档预览 README 快速修改 技术博客草稿 免安装编辑

轻量、快速、就在浏览器里

下次看到 .md 链接,不用再下载了。

v0.2 · 下载压缩包手动安装

下载扩展