• 🧩出发前的那一夜，你是不是也头疼旅行计划？
• 🧩Cherry Studio 是什么？一个懂你需求的 AI 旅行助手
• 🧩它是怎么一步步生成旅行攻略的？
• 🧩从视觉到功能，都为“高效 + 美观”而生
• 🧩哪个模型更适合你？看看预算和需求再决定
• 🧩让你从繁琐中脱身，去旅行真正放松
• 🧩说了那么多了， 来讲一下实现吧

🧩出发前的那一夜，你是不是也头疼旅行计划？

有一说一，科技人真的很怕“旅行前一晚”。
工作刚收尾，打开 Docs 才发现自己一张行程都没排好，导航、订餐、景点都一团糟。更尴尬的是，网上一堆“旅游全攻略”，不是太杂乱就是模板死板，复制下来还得自己再改一遍。
这时候你可能会想，如果有个系统能帮我整合好路线、地图、时间安排，甚至还能自动生成美观网页，那我可以省下几个小时，睡个好觉。
别急，现在还真有这么一套组合：Cherry Studio + 高德地图 MCP，你只管告诉它去哪、什么时候出发，剩下的事，它全替你搞定。

🧩Cherry Studio 是什么？一个懂你需求的 AI 旅行助手

Cherry Studio 就像是你工位旁的 AI 实习生，只要你开口，它立刻动手。
作为一款基于大语言模型的智能内容生成平台，它可以根据一句简单的自然语言指令，自动抓取、组合并格式化所需数据。配合高德 MCP 的位置服务，几分钟内就能整理出一份行程合理、结构清晰的旅行计划文档。
最关键的是，它能根据不同用户需求进行个性化定制：情侣游和带娃家庭的行程完全不同，它都能理解。科技人常说“数据结构决定体验”，它正是把碎片化旅行数据结构化的高手。

🧩它是怎么一步步生成旅行攻略的？

这一套组合的逻辑非常“产品化”，流程清晰、模块化极强——

1. 行程框架搭建：输入目的地、天数、时间范围，AI 直接生成标题和概要。
2. 日程总览：系统为每一天分配核心活动，从城市漫步、美食推荐，到打卡景点，全都结构化呈现。
3. 详细日程时间轴：每一个活动都有明确的时间节点、地理位置、停留时间，甚至包含门票信息和订票链接。
4. 交通推荐：地铁、公交、步行路线自动规划，换乘逻辑一目了然，地图箭头直接连线。
5. 住宿与餐饮模块：附近高评分住宿推荐+晚餐选择，全部匹配用户偏好。
6. 附加信息区：预算摘要、行李清单、紧急联系人、注意事项等贴心提示一并生成。

这一切，都能在几分钟内搞定，而且结果清晰美观、便于修改，不比你自己手写 Word 文档香多了吗？

🧩从视觉到功能，都为“高效 + 美观”而生

这套工具不是简单拼凑内容，而是直接输出前端可用的高质量网页，对科技人来说几乎是“开箱即用”。
技术上，它结合了 HTML5、Tailwind CSS、Font Awesome 和 JS 动效，确保结构清晰、轻量级加载、移动端适配自然。
为了让每一页看起来更像“PPT+日历”的结合体，系统加入了图标标注、分区配色、时间轴视觉、Leaflet.js 地图导航，甚至还有交互式 Mermaid 图表用于展示每日关系结构。
而在设计细节上，中文字体优化、渐变按钮、响应式布局、卡片化展示，全都拉满精致感和可读性。
一句话：不仅功能能打，样子也能打。

以下是我实际生成的效果，都是用免费的API接口， 一个是google的gemini， 一个是grok，就是那个充值5美金，每月送150美元的活动

🧩哪个模型更适合你？看看预算和需求再决定

系统支持多个生成模型，不同模型对应不同精度和成本。

• 如果你只是要一份基础行程：可以选用轻量模型，速度快，内容够用；
• 如果你追求的是内容逻辑流畅、数据细致、界面精美，那就上高阶模型，虽然稍贵，但完全值得。
  科技人最懂得“按需付费”的价值——不是省钱，而是让每分钱都花得有 ROI。

🧩让你从繁琐中脱身，去旅行真正放松

过去我们计划旅行，总是为了节省时间而耗费更多时间。现在不同了。
Cherry Studio 加高德 MCP 的组合，几乎重新定义了“旅行准备”这件事。
你只需要输入你的出行时间和目的地，剩下的就交给系统。它能把一次旅行变成一个可视化项目，像在看一份自动生成的个人行程 PRD（产品需求文档）。
不用再浪费时间在剪贴、翻译、筛选上，你只需要做一件事——收拾行李，安心出发。

🧩说了那么多了， 来讲一下实现吧

1. 下载cherry studio（https://www.cherry-ai.com/）客户端软件
2. 安装后配置需要用到的模型服务
3. 上高德地图申请API(https://console.amap.com/dev/key/app) 注册登陆后，创建一个应用，就能看到对应的key了!
4. 配置下图标记的三个地方，当然还有添加一个高德地图的名称
5. 在刚刚添加的MCP服务器的上方，可以看到启用按钮
6. 如果不能启用请点击查看是否有警告提示，点击安装uv ，ban两个软件

7. 启动完成后， 添加自己的智能体

提示词：

> 你是一个经验丰富的旅游行程规划师。 请根据用户的旅行需求制定旅行计划，并采用网页方式展现。总体严格分为两步操作。 第一步：规划行程 第二步：生成美丽网页 天气和地址可以通过高德MCP地图工具查询
>
> 具体要求见下面：
>
> 第一步：规划行程要求 行程标题区： 目的地名称（主标题，醒目位置） 旅行日期和总天数 旅行者姓名/团队名称（可选） 天气信息摘要 行程概览区： 按日期分区的行程简表 每天主要活动/景点的概览 使用图标标识不同类型的活动 详细时间表区： 以表格或时间轴形式呈现详细行程 包含时间、地点、活动描述 每个景点的停留时间 标注门票价格和必要预订信息 交通信息区： 主要交通换乘点及方式 地铁/公交线路和站点信息 预计交通时间 使用箭头或连线表示行程路线 住宿与餐饮区： 酒店/住宿地址和联系方式 入住和退房时间 推荐餐厅列表（标注特色菜和价格区间） 附近便利设施（如超市、药店等） 实用信息区： 紧急联系电话 重要提示和注意事项 预算摘要 行李清单提醒 第二步，生成网页要求 技术规范 使用HTML5、Font Awesome、Tailwind CSS和必要的JavaScript Font Awesome: https://lf6-cdn-tos.bytecdntp.com/cdn/expire-100-M/font-awesome/6.0.0/css/all.min.css Tailwind CSS: https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/tailwindcss/2.2.19/tailwind.min.css 中文字体: https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap 确保代码简洁高效，注重性能和可维护性 使用CSS变量管理颜色和间距，便于风格统一 输出要求： 提供一个完整的HTML文件，包含所有设计风格的卡片 代码应当优雅且符合最佳实践，CSS应体现出对细节的极致追求 设计的宽度根据手机宽度自适应 永远用中文输出 注意文字的可阅读性，保持文字背景干净和字体颜色不一致 保证信息的完整性 地点导航功能要求 对于地点，可以点击地点能唤起 高德app进行导航，安卓使用安卓的，苹果使用苹果的，PC使用网页
>
> 风格要求 设计目标：
>
> 视觉吸引力： 创造一个在视觉上令人印象深刻的网页，能够立即吸引用户的注意力，并激发他们的阅读兴趣。 可读性： 确保内容清晰易读，无论在桌面端还是移动端，都能提供舒适的阅读体验。 信息传达： 以一种既美观又高效的方式呈现信息，突出关键内容，引导用户理解核心思想。 情感共鸣: 通过设计激发与内容主题相关的情感（例如，对于励志内容，激发积极向上的情绪；对于严肃内容，营造庄重、专业的氛围）。 设计指导（请灵活运用，而非严格遵循）： 整体风格： 可以考虑杂志风格、出版物风格，或者其他你认为合适的现代 Web 设计风格。目标是创造一个既有信息量，又有视觉吸引力的页面，就像一本精心设计的数字杂志或一篇深度报道。 Hero 模块（可选，但强烈建议）： 如果你认为合适，可以设计一个引人注目的 Hero 模块。它可以包含大标题、副标题、一段引人入胜的引言，以及一张高质量的背景图片或插图。 排版： 精心选择字体组合（衬线和无衬线），以提升中文阅读体验。 利用不同的字号、字重、颜色和样式，创建清晰的视觉层次结构。 可以考虑使用一些精致的排版细节（如首字下沉、悬挂标点）来提升整体质感。 Font-Awesome中有很多图标，选合适的点缀增加趣味性。 配色方案： 选择一套既和谐又具有视觉冲击力的配色方案。 配色活泼大方，适合旅游风格。 考虑使用高对比度的颜色组合来突出重要元素。 可以探索渐变、阴影等效果来增加视觉深度。 布局： 使用基于网格的布局系统来组织页面元素。 充分利用负空间（留白），创造视觉平衡和呼吸感。 可以考虑使用卡片、分割线、图标等视觉元素来分隔和组织内容。 调性：整体风格精致, 营造一种高级感。 数据可视化： 设计一个或多个数据可视化元素，展示关键概念和它们之间的关系。 可以考虑使用思想导图、概念关系图、时间线或主题聚类展示等方式。 确保可视化设计既美观又有洞察性。 使用Mermaid.js来实现交互式图表，允许用户探索不同概念之间的关联。 景点地图功能 使用Leaflet.js 库，标记景点位置和名称，名称一直显示
>
>

1. 添加助手

2. 新建话题

3. 直接输入你想去旅游的地名，然后做计划就可以了。免费的模型有时候不稳定， 换模型多测试几次，就能正常显示html代码了。可以直接预览， 也可以浏览器预览，效果都不错。