Why MarkdownTab
为什么需要它?
浏览器点击 .md 链接只会显示纯文本?你需要一个更好的方式。
01
浏览器只能看纯文本
点击 .md 文件链接,浏览器只显示原始 Markdown 源码,没有渲染效果。
02
编辑需要额外工具
想修改文件?下载 → 打开编辑器 → 修改 → 保存 → 上传,步骤繁琐。
03
重型编辑器杀鸡用牛刀
只想快速看一眼或改几个字,不需要打开 VS Code 或 Typora。
Preview
效果预览
简洁的界面,专注写作本身。
Features
核心功能
直接编辑本地文件
打开 .md 文件直接编辑,保存时直接写入原文件,无需导出或下载。
所见即所得编辑
基于 Tiptap 引擎,实时渲染 Markdown 语法,编辑即预览。
拦截 .md 链接
自动拦截网页上的 .md 链接,直接用编辑器打开,无需下载文件。
多主题切换
海蓝、暗夜、暖沙三种主题,适应不同光线环境和偏好。
编辑布局可调
宽、中、窄三种布局宽度,适应不同屏幕和阅读习惯。
中英双语
支持中文和英文界面切换,满足不同语言习惯。
目录大纲导航
左侧面板显示文章大纲,快速跳转到任意标题层级。
零数据上传
所有文件操作在本地完成,内容不会上传到任何服务器。
Install
安装方式
选择适合你的安装方式。
How it works
使用方式
1
允许访问文件 URL
在扩展管理页面,打开 MarkdownTab 的"允许访问文件 URL"开关。
2
设置默认打开方式
在系统设置中将 .md 文档的默认打开方式设置为浏览器。
3
编辑保存
双击 .md 文件自动用编辑器打开,所见即所得编辑,Ctrl+S 直接保存。
Tech Stack
技术栈
类型Chrome Extension (Manifest V3)
编辑器Tiptap
解析markdown-it + Turndown
APIFile System Access API
样式原生 CSS
构建esbuild
Use Cases
适用场景
快速查看 .md 文件
轻量编辑笔记
GitHub 文档预览
README 快速修改
技术博客草稿
免安装编辑