ReadMD - 网页转Markdown

一个Chrome浏览器扩展，用于将网页内容提取并导出为Markdown文件。

功能特性

• 自动提取：使用Mozilla Readability算法自动识别页面主要内容
• 手动选择：支持选中特定区域进行提取
• 图片处理：保留图片URL链接（不转换为Base64）
• 多种导出：支持复制到剪贴板或下载为.md文件
• 元数据：自动提取标题、URL、描述等元信息
• 不修改原页：提取过程不影响原始网页内容

技术栈

• React 18 + TypeScript
• Vite + @crxjs/vite-plugin
• Tailwind CSS
• @mozilla/readability（内容提取）
• Turndown（HTML转Markdown）

安装方法

1. 克隆项目

   git clone <项目地址>
   cd readmd
   

2. 安装依赖

   npm install
   

3. 构建扩展

   npm run build
   

4. 在Chrome中加载扩展

   • 打开 chrome://extensions/
   • 启用「开发者模式」
   • 点击「加载已解压的扩展程序」
   • 选择 dist 文件夹

使用方法

1. 点击浏览器工具栏中的扩展图标
2. 点击「提取文章」自动提取页面主要内容，或选中部分内容后点击「提取选中区域」
3. 在弹窗中预览提取结果
4. 点击「复制到剪贴板」或「下载.md文件」导出

项目结构

readmd/
├── src/
│   ├── content/       # Content Script（注入到网页）
│   ├── popup/         # 弹出窗口
│   ├── background/    # Service Worker
│   ├── options/       # 设置页面
│   ├── utils/         # 工具函数
│   └── types/         # TypeScript类型定义
├── manifest.json      # 扩展配置
└── vite.config.ts     # Vite配置

License

MIT