牛哇!Cursor + AI搜索 MCP 获取端午假期适合旅游的10大城市排行榜

端午节马上就要来了,很多人在考虑国内去哪里玩比较有性价比,现在景点有太多坑人的地方了,为了解决这个问题 , 我用智谱BigModel开放平台的AI搜索功能 MCP服务做了一个国内旅游最有性价比的10个城市推荐网页,并且可以一键导出图片的功能 。

1、登录智谱BigModel开发平台,创建一个的 API Key

   https://zhipuaishengchan.datasink.sensorsdata.cn/t/9E

2、配置 MCP 服务

需要打开一个 MCP 客户端,我使用 Cursor 为例,把如下代码复制到 Cursor 的 MCP 配置中 。

操作路径:Cursor设置->【Features】->【MCP Servers】

{
  "mcpServers": {
    "zhipu-web-search-sse": {
      "url": "https://open.bigmodel.cn/api/mcp/web_search/sse?Authorization=YOUR API Key"
    }
  } 
}

然后点击右上角蓝色按钮,添加新的 MCP 服务。

输入自己刚才获取的apikey 

设置完成后,如下图所示,绿色代表配置成功了。

配置完成后,我们只需要输入两句话,就可以生成一个网页了

① 使用 zhipu search mcp 搜索一下端午节

Cursor 编辑器中集成 MCP(Model Control Protocol)以实现添加图片的功能,通常需要配置一个支持图像操作的 MCP 服务器,并确保 Cursor 能够与该服务器通信。以下是详细的配置步骤: ### 配置 MCP 服务器 1. **选择或构建 MCP 服务器** 如果你还没有一个支持图像处理功能的 MCP 服务器,可以参考 Figma Context MCP 的实现方式[^1]。该项目提供了一个基于 Figma API 的 MCP 服务器,允许你在编辑器中执行与设计相关的操作,包括插入图片。 2. **安装和启动 MCP 服务器** 根据所选 MCP 服务器的要求进行安装。例如,对于 Unity MCP 包,在 Unity 项目中启用后,当与支持 MCP 的客户端(如 Cursor 或 Claude Desktop)连接时,服务器会自动启动[^2]。 3. **配置 MCP 服务器的 `cursor-mcp.json` 文件** 在 Cursor使用 MCP 功能前,需正确配置 `cursor-mcp.json` 文件。该文件应包含 MCP 服务器的地址、端口等信息。你可以参考 Cursor 官方文档中的配置示例来完成此步骤[^3]。 ### 在 Cursor 中启用 MCP 插件并执行图像操作 1. **安装 Cursor 插件** 确保你已经安装了最新版本的 Cursor 编辑器,并且可以通过其插件市场安装任何必要的 MCP 支持插件。 2. **加载 MCP 服务器** 打开 Cursor 编辑器后,进入 MCP Editor 界面,加载你之前配置好的 MCP 服务器[^2]。这一步骤将使 Cursor 识别到可用的 MCP 服务及其提供的功能。 3. **调用 MCP 接口插入图片** 一旦 MCP 服务器成功加载,你就可以通过 Cursor 提供的命令面板调用 MCP 接口。假设你的 MCP 服务器提供了插入图片的功能,你可以通过以下方式调用它: ```javascript // 示例代码:调用 MCP 接口插入图片 const mcp = require('mcp-client'); // 引入 MCP 客户端库 // 连接到 MCP 服务器 const client = new mcp.Client({ host: 'localhost', port: 8080, // 替换为你的 MCP 服务器端口号 }); // 调用插入图片的 MCP 方法 client.invoke('insertImage', { imageUrl: 'https://example.com/image.png', // 图片 URL position: { x: 100, y: 100 }, // 插入位置 }).then(() => { console.log('图片已成功插入'); }).catch((error) => { console.error('插入图片失败:', error); }); ``` 4. **测试和调试** 使用上述代码片段后,检查是否能够在 Cursor 编辑器中看到预期的图片插入效果。如果遇到问题,请查阅 MCP 服务器的日志以及 Cursor开发者工具控制台输出,以便定位错误原因。 --- ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

编程IT圈

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值