# Webfetch Md

> 抓取网页并转换为 Markdown，保留图片链接

- Skill: `modbender/webfetch-md` (Agent Skill, multi-file: 7 files)
- Install (CLI): `npx skillmds add modbender/webfetch-md`
- Raw SKILL.md: https://api.skillmd.com/api/skills/modbender/webfetch-md/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Docs & Writing
- Author: modbender (https://skillmd.com/u/modbender)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/modbender/webfetch-md

---


# WebFetch MD - 网页转 Markdown

抓取任意网页，转换为干净的 Markdown 格式，保留图片链接。

## 使用方法

### 作为 OpenClaw 工具调用

```yaml
webfetch-md url="https://example.com"
```

### CLI 使用

```bash
# 基本使用（输出 JSON 格式）
npx webfetch-md https://example.com

# 或使用 --url 参数
npx webfetch-md --url https://example.com

# 提取 Markdown 内容（配合 jq）
npx webfetch-md https://example.com | jq -r '.markdown'

# 保存到文件
npx webfetch-md https://example.com | jq -r '.markdown' > article.md
```

### 输出格式

CLI 和工具都输出统一的 JSON 格式：

```json
{
  "success": true,
  "title": "文章标题",
  "markdown": "# 文章标题\n\n正文内容...",
  "images": ["https://example.com/img1.png"],
  "imageCount": 1,
  "contentLength": 1523
}
```

### 作为模块使用

```javascript
const { fetchAsMarkdown } = require('./index');
const result = await fetchAsMarkdown('https://example.com');
console.log(result.markdown);
```

## 功能特点

- ✅ 抓取任意网页 HTML
- ✅ 智能提取正文内容（过滤导航、广告等）
- ✅ 保留图片链接（转换为 `![alt](url)` 格式）
- ✅ 自动转换相对路径为绝对路径
- ✅ 输出干净的 Markdown

## 依赖

- turndown: HTML to Markdown 转换
- cheerio: HTML 解析和提取

## 技术实现

### 核心流程
1. **网页抓取**：使用 fetch API 获取 HTML，模拟浏览器 User-Agent
2. **HTML解析**：使用 cheerio 加载和解析 HTML 内容
3. **内容提取**：智能识别正文区域，过滤无关元素
4. **URL处理**：将相对路径转换为绝对路径
5. **Markdown转换**：使用 turndown 转换为标准 Markdown 格式

### 智能内容提取算法
按优先级选择正文容器：
1. `article` 标签
2. `main` 标签  
3. `[role="main"]` 属性
4. `.post-content` / `.entry-content` 类
5. `.content` / `.post` 类
6. `#content` / `#main` ID
7. 回退到 `body` 标签

### 自动过滤的元素
- 脚本和样式标签
- 导航、页眉、页脚
- 侧边栏和广告区域
- 评论区

## 错误处理

工具返回统一的 JSON 格式，包含 `success` 字段标识操作状态：

```json
{
  "success": false,
  "error": "错误信息"
}
```

## 开发说明

### 项目结构
```
webfetch-md/
├── index.js          # 核心功能模块
├── cli.js           # CLI 和 OpenClaw 工具入口
├── package.json     # 依赖配置
├── test.js          # 测试脚本
└── SKILL.md         # 技能文档
```

### 测试
```bash
# 运行测试
npm test

# 或直接测试
node test.js https://example.com
```

## 版本历史

- **v1.1.0** (当前): 统一 CLI 和 OpenClaw 工具入口，优化错误处理
- **v1.0.1**: 基础功能实现，支持网页抓取和 Markdown 转换
- **v1.0.0**: 初始版本发布