零代码抓取网页!产品经理3分钟学会MCP神器(附保姆教程)

756 阅读4分钟

哈喽,大家好👏🏻

我是阿星!

我发现mcp已经火了很久了竟然还有产品经理不会配置,我其实以为全世界pm基本都会了。这个东西真不难!

今天通过网页信息提取mcp再讲一下。没有摸过代码的同学也能学。全程基本没代码。

认真浏览项目

首先mcp(大模型上下文协议Model Context Protocol  )是什么,  有点不太合适地比喻是,理解为类似于百度云盘/u盘,有各种功能即插即用,cursor/cherrystudio这一类客户端有点像云盘里的阅读器,能让你更方便地使用服务,比如——

抓取网页内容:并转为 Markdown(默认返回前 5000 字符)。生成摘要,存档网页信息……

抓取报错信息 👉🏻我让AI接管了浏览器!Browser Tools MCP教程:自动Debug+截屏+SEO分析

自动发小红书👉🏻 手把手教你用AI自动发小红书|魔搭MCP+cherrystudio

什么都行,什么功能都有,你学会一次就可以配无数个mcp…… 

我们用最简单的一个页面内容获取mcp:fetch带大家配置一次。效果如下:

图片

在github上搜索modelcontextprotocol即可

图片

地址:github.com/modelcontex…

第一次做的小白可以直接把项目下到本地。因为整个项目到本地等于说你给自己下了个小抄,有啥不会还能让cursor帮忙掌掌眼👇

clone https://github.com/modelcontextprotocol/servers.git

图片

安装pip包

fetch 安装方法替大家看了下一共3种 python、docker、uvx,这里推荐python

首先点击终端,进入自己的路径,需要你自己替换成你的目录。

cd /Users/xingyang/Downloads/code/fetchmcp

推荐直接pip指令安装,复制这个到终端,另外两种自己看下文档也有对应的命令行。

pip install mcp-server-fetch

它就会咔咔开始安装。如图

图片

配置mcp.json

光安装服务还不行,还得有暗号啊。mcp.json就是我们本地的暗号,对上号才能用。

打开settings

图片

找到右上角的配置+add new global MCP sever

图片

把下面的mcp配置加进去,如果不会加就让cursor帮你看看

{
"mcpServers": {
  "fetch": {
    "command": "python",
    "args": ["-m", "mcp_server_fetch"]
  }
}

放到文件里的时候小心点不要搞错格式。

图片

注意格式即可。看到绿色点亮了就代表配置成功。图片

结果如下

直接就帮你把网页内容、url抓下来了,可以让它直接创建一个新文件写入刚抓取的内容。

还有一位常用的可以调节的参数,你可以根据自己需要调整。

  • url(必填):目标网址

  • max_length:限制返回长度(默认 5000)

  • start_index:从指定位置开始截取

  • raw:设为 true 跳过 Markdown 转换

图片

其实很简单,之后我会教大家怎么在rag项目里支配更多mcp。还没有入门的同学可以多多练习哦。

不管理解没先动起来找找手感,其实玩着玩着你就会有更多问题去问cursor,一来二去就明白!😆我是阿星,我们下期再见👋。

————— 往期文章:

p.s.

部分图片来自网络,仅供学习分享,版权归原作者所有,如有侵权,可联系我们删除。