成峰：一个高德MCP和一个MiniMax MCP，竟让我在故宫听到了乾隆爷的秘密？！
成峰：一个高德MCP和一个MiniMax MCP，竟让我在故宫听到了乾隆爷的秘密？！
成峰：一个高德MCP和一个MiniMax MCP，竟让我在故宫听到了乾隆爷的秘密？！ 成峰：一个高德MCP和一个MiniMax MCP，竟让我在故宫听到了乾隆爷的秘密？！ Modified April 20, 2025 Code block Plain Text Copy 采用极简设计理念，主色调限制在2 3种，确保视觉统一性。排版注重网格系统，所有元素严格对齐。字体选用无衬线体，增强现代感。景点信息使用卡片式设计，便于用户快速浏览。图标采用线性设计，保持风格一致性。动效应简洁克制，仅用于增强用户体验的关键环节。整体设计追求"少即是多"的理念，让内容成为主角。 必要页面组件： 1. 景区名称列表 ： 1. 景区名称 2. 音频开始按钮：点击音频可以直接播放 2. 景区介绍 ： 1. 默认收缩，点击景区名称可弹出详细介绍 技术规范 资源引用： Tailwind CSS: Font Awesome: 中文字体: Alpine.js: 音频处理： 使用HTML5 audio元素实现音频播放 实现自定义播放控制按钮 支持语音解说的暂停/继续功能 输出要求 提供一个完整的HTML文件，包含所有景区介绍内容 代码应当简洁高效，注释充分，易于维护 确保在不同尺寸的移动设备上都能良好展示 所有文字内容使用中文输出 确保文字的可读性，背景与文字有足够对比度 待处理内容： 我们要 @ 景点文件，和提示词文件，来进行下命令，如下图 然后它就会哐哐给我们做页面 8. 部署上线 最后，使用腾讯云EdgeOne的MCP服务将网站部署上线！ 如何使用 EdgeOne MCP，请看 白蹭腾讯云！腾讯EdgeOne MCP免费部署网站攻略 如果文件太大，也可以尝试使用 yourware.so ，上传你的代码 实际效果展示🌟 我用这个方法制作了 故宫博物院的AI导游 ，效果简直惊艳！ https://s9gijz1slj.app.yourware.so/ 我们只需要打开链接，就能获得： • 专业级的景点语音讲解 • 根据兴趣定制的内容（比如对建筑感兴趣的游客会听到更多建筑知识） • 历史人物和事件的生动讲述 在旅行上，AI可以作为补充，让每一位游客都能获得更丰富、更个性化的旅行体验。 如果你也想尝试制作自己的AI导游，欢迎在评论区留言交流！记得点赞关注，下期我们继续肝新想法！ 可以+v 白蹭腾讯云！腾讯EdgeOne MCP免费部署网站攻略 我们要 @ 景点文件，和提示词文件，来进行下命令，如下图 然后它就会哐哐给我们做页面 8. 部署上线 最后，使用腾讯云EdgeOne的MCP服务将网站部署上线！ 如何使用 EdgeOne MCP，请看 白蹭腾讯云！腾讯EdgeOne MCP免费部署网站攻略 白蹭腾讯云！腾讯EdgeOne MCP免费部署网站攻略 如果文件太大，也可以尝试使用 yourware.so ，上传你的代码 实际效果展示🌟 我用这个方法制作了 故宫博物院的AI导游 ，效果简直惊艳！ https://s9gijz1slj.app.yourware.so/ 我们只需要打开链接，就能获得： • 专业级的景点语音讲解 • 根据兴趣定制的内容（比如对建筑感兴趣的游客会听到更多建筑知识） • 历史人物和事件的生动讲述 在旅行上，AI可以作为补充，让每一位游客都能获得更丰富、更个性化的旅行体验。 如果你也想尝试制作自己的AI导游，欢迎在评论区留言交流！记得点赞关注，下期我们继续肝新想法！ 可以+v 🔗 原文链接： https://mp.weixin.qq.com/s/iuqr2AAR... https://mp.weixin.qq.com/s/iuqr2AAR... 原创 我是成峰 AI 产品自由2025年04月17日 07:45 浙江 最近研究AI应用时有了个 超级炫酷的点子 ...如果AI能变成我们的私人导游，那旅行体验是不是会爆表？！ 之前我已经做了旅行攻略生成器，但总觉得少了点什么。 对啊！ 景点实时解说 才是旅行中的灵魂啊！😍 这次我花了点时间，把高德MCP和MiniMax MCP结合起来，做了一个能按照个人喜好定制、实时播报景点故事的 AI导游 ！效果简直太惊艳了... 比如我生成了一个故宫的景点介绍 链接：https://s9gijz1slj.app.yourware.so/ 粘贴到浏览器使用 点击播放按钮，他就会开始给我介绍景点，上面的链接可以播放 点击名称，还会打开文字版详情介绍 为什么你需要这个AI导游？🤔 还记得那些旅行中的尴尬时刻吗？ • 每次只会在景点拍照，却不知道它背后的故事 • 导游讲解太快记不住，或者根本听不清 • 跟团旅行被各种商店"带"得心累... • 自助游又担心错过了精彩内容 有了这个AI导游 ，这些问题全都不存在了！它就像你的贴身向导，随叫随到，知识渊博，能根据你的兴趣定制解说内容！ 超简单教程，小白也能搞定！👨💻 1. 获取高德MCP 的API key 如何获取高德key，请参考之前的文章，保存到记事本或其他地方 请参考： AI + 高德MCP：10分钟搞定一份旅行攻略！ AI + 高德MCP：10分钟搞定一份旅行攻略！ 2. 获取 Minimax 的 API key MiniMax是实现语音讲解的关键！它能根据文本生成自然的语音讲解。 我们要先登录官网注册：https://platform.minimaxi.com/login 点击开始注册 来到注册页，我们填写自己的信息，个人信息就可以了 就像这样 注册成功了以后，来到“平台介绍”，我们点击个人账户 1.点击“接口密钥”；2.点击“创造新的密钥” 填入 密钥名，比如“导游” 点击复制，然后保存起来，保存到记事本或其他地方 说明：minimax给了15元的新人额度，大胆用！ 3.配置 MCP 然后我们复制下面的代码 记得看一下 key的提示 打开cursor 的MCP 设置，按照1、2、3 的顺序来 把刚才的代码，粘贴到这个文件里 然后根据提示替换掉 key部分，例如下图 关掉，选择保存 4. 获取景区内的主要景点信息 接下来，我们要通过高德，获取 景点的详细信息 例如我说，“根据高德地图，获取 故宫 景区内的主要景点” 然后他就会给出很多的地点信息 接下来，你可以筛选一下，去哪些地方，可以有两种方法： 手工筛选 ：适合对特定景区非常熟悉的小伙伴 AI筛选 ：让AI帮你看看哪些更值得去，省时省力！ 也可以都去～ 5. 搜索景点相关信息 有了景点列表，下一步就是让AI去收集每个景点的详细信息。 这里我有个 超强推荐 ：使用 gemini 2.5 pro exp 03 25 模型来处理信息收集，因为这些内容通常会很长，而这个模型特别适合处理大量文本！ 在输入框，点击模型，选择 gemini 2.5 pro exp 03 25 如果没有这个选项，可以去设置里开启，勾选它就好了 接下来，我们命令AI去搜索，我用了两个指令 1.在百度百科上搜索相关历史典故，名称由来等，对每个景点生成一个详细介绍 2.结合一些历史电视剧的情节 然后他会给我们生成一段文字 命令他，生成一个新的文件，自己手动新建也可以 6. 生成语音介绍 我们要命令他，去生成语音 """ 根据每个景点，生成语音介绍，并把链接放在 标题下方 @景点.md """ 然后他会一直去生成语音，给他一点时间，毕竟我们没充钱，速度有限制 就像这样 说明：如果你想要其他声音，可以问一下AI，还有什么声音～ 7. 生成HTML展示页面 新建一个文件，叫“提示词文件.md”，然后保存下面的文案