Travel Guide Generator

Data & APIs

旅游攻略生成器 - 一键生成精美旅游攻略HTML。当用户需要制定旅游计划、生成旅游攻略、规划行程时使用。支持:国内外城市(威海/青岛/大连/大理/厦门等)、情侣浪漫游、周末短途游、自驾游规划。自动搜索全网真实攻略、高德API计算路线距离用时、生成PC/移动端自适应精美HTML,包含每日详细行程、酒店推荐、美食推荐、避坑指南、预算估算。支持中/英/日/韩/法/德/西等多语言输出。

Install

openclaw skills install travel-guide-generator

旅游攻略生成器 | Travel Guide Generator | 旅行ガイド生成器 | 여행 가이드 생성기

自动生成精美、详细、浪漫的旅游攻略HTML文档。支持多语言输出。

多语言支持

本 skill 支持生成多种语言的旅游攻略HTML。所有模块文本(标题、按钮、标签、提示等)均会翻译为指定语言。

支持的语言

语言代码语言示例请求
zh-CN简体中文(默认)"帮我生成一个威海4天旅游攻略"
en英语"Generate a 4-day travel guide for Tokyo"
ja日语"東京の4日間旅行ガイドを作成して"
ko韩语"부산 4일 여행 가이드 만들어줘"
fr法语"Génère un guide de voyage de 4 jours à Paris"
de德语"Erstelle einen 4-Tage-Reiseführer für München"
es西班牙语"Genera una guía de viaje de 4 días para Barcelona"
it意大利语"Genera una guida di viaggio di 4 giorni per Roma"
pt葡萄牙语"Gere um guia de viagem de 4 dias para Lisboa"
ru俄语"Создай путеводитель на 4 дня по Москве"
th泰语"สร้างคู่มือเที่ยวโตเกียว 4 วัน"
vi越南语"Tạo hướng dẫn du lịch 4 ngày ở Đà Nẵng"
ar阿拉伯语"أنشئ دليلاً سياحياً لمدة 4 أيام في دبي"

语言检测规则

  1. 用户使用某种语言提问 → 自动使用该语言生成攻略
  2. 用户明确指定语言 → 按指定语言生成(如"用英语生成"、"in English")
  3. 未指定且使用中文 → 默认简体中文

多语言生成规范

  • HTML <html lang="..."> 标签设置为对应语言代码
  • 所有面向用户的文本全部翻译为目标语言,包括:
    • 页面标题、Hero区域
    • 导航标签(Day/交通/时间表/避坑/预算/Tips等)
    • 交通信息卡片(高铁/飞机/推荐标注等)
    • 路线条文字(距离、用时、交通方式)
    • 景点名称、描述、价格标签
    • 浪漫时刻提示
    • 美食推荐(店名保留原文,描述翻译)
    • 避坑清单(错误做法/正确做法)
    • 预算估算(分类名称、总计)
    • Tips标题和内容
    • 酒店推荐区域
    • 折叠提示文字
  • 专有名词(景点名、酒店名、店名)保留原文,可在括号中附注翻译
  • 价格和数字使用当地货币格式
  • CSS样式不变,只改变文本内容
  • 对于阿拉伯语等RTL语言,在HTML中添加 dir="rtl" 属性

示例

用户说:"Generate a 3-day romantic travel guide for Kyoto from Tokyo"

生成的HTML应:

  • <html lang="en">
  • 标题:"Kyoto 3-Day Romantic Getaway"
  • 导航:"Day 1"、"Transport"、"Timeline"、"Tips"等
  • 景点描述全英文
  • 店名保留日文:"Nishiki Market(錦市場)"
  • 价格显示:"¥1,500 JPY"

核心功能

  1. 在线搜索真实攻略 - 搜索全网获取真实用户评价和推荐
  2. 高德API路线计算 - 计算景点间距离、用时,突出显示路线衔接(无需地图显示)
  3. 精美HTML生成 - 旅游氛围设计,PC/移动端自适应
  4. 详细行程规划 - 每日路线、酒店、美食、避坑指南
  5. 多语言输出 - 支持中/英/日/韩/法/德/西等13种语言

使用方法

基础用法

用户只需提供:

  • 目的地:如"威海"、"大理"
  • 天数:如"4天"
  • 出发地:如"北京"(可选)
  • 风格偏好:如"浪漫"、"休闲"(可选)

示例请求:

帮我生成一个威海4天旅游攻略,从北京出发,浪漫休闲风格

工作流程

  1. 收集需求 - 确认目的地、天数、出发地、风格偏好
  2. 搜索攻略 - 使用在线搜索工具搜索全网攻略
  3. 查询交通 - 查询高铁/飞机真实班次和价格
  4. 计算路线 - 使用高德API计算景点间距离和用时
  5. 生成HTML - 使用模板生成精美HTML文档

高德API配置

使用高德API需要key,配置方式:

  1. 申请高德Web服务API key: https://lbs.amap.com/
  2. 设置环境变量: AMAP_KEY=your_key

主要API接口:

  • 路径规划: https://restapi.amap.com/v3/direction/driving - 驾车路线
  • 距离测量: https://restapi.amap.com/v3/distance - 直线/驾车距离
  • POI搜索: https://restapi.amap.com/v3/place/text - 景点搜索

HTML模板结构

生成的HTML包含以下模块:

1. Hero区域

  • 目的地标题
  • 标签(天数、风格、交通方式)
  • 渐变背景营造旅游氛围

2. 右侧快速导航(PC端)

  • 固定在右侧,弱化显示(透明度0.4)
  • 鼠标悬停时高亮
  • 点击跳转到对应模块
  • 自动高亮当前浏览区域

3. 可折叠模块

  • Day卡片:点击Day头部可折叠/展开
  • 其他模块:点击标题可折叠/展开
  • 默认状态:全部展开
  • 折叠图标:▼ 箭头指示状态

4. 交通信息卡片

  • 高铁/飞机班次(真实数据)
  • 价格对比
  • 推荐标注

3. 酒店推荐

  • 按住宿区域分类
  • 价格区间
  • 推荐理由
  • 与行程衔接说明

4. 每日行程卡片

  • Day标题和路线概览
  • [NEW] 酒店→景点路线(第2天及以后):在路线条最前面,添加从前一晚酒店到当日首个景点的路线规划(距离+用时)
  • 路线条(突出显示距离和用时)
  • 景点详情(名称、价格、描述、景点间交通提示——从上一个地点到这里的交通方式+用时,显示在景点名称行右侧)
  • 浪漫时刻提示
  • 避坑指南
  • 高德API标签(突出显示)
  • [NEW] 推荐酒店住宿地(每日晚餐推荐下方,仅需要住宿时):推荐当晚住宿区域、价格区间、推荐理由、与次日行程衔接说明

5. 美食推荐

  • 网格布局展示
  • 店名、人均价格、推荐理由
  • 来源标注(小红书/马蜂窝)

6. 避坑清单

  • 编号列表
  • 错误做法(删除线)
  • 正确做法(绿色高亮)

7. 预算估算

  • 分类明细
  • 总计金额

8. 浪漫Tips

  • 情侣专属建议
  • 拍照、穿搭、氛围建议

脚本说明

scripts/amap_route.py

计算两点间驾车距离和用时。

python scripts/amap_route.py --origin "威海公园" --destination "火炬八街" --key YOUR_AMAP_KEY

输出示例:

{
  "distance": "8500",
  "duration": "1200",
  "distance_text": "8.5公里",
  "duration_text": "20分钟"
}

scripts/search_guide.py

搜索小红书/马蜂窝攻略内容。

python scripts/search_guide.py --destination "威海" --query "避坑"

设计原则

  1. 行程不紧张 - 每天安排2-3个核心景点,留足休息时间
  2. 浪漫氛围 - 每个景点都有"浪漫时刻"提示
  3. 路线合理 - 使用高德API计算,确保衔接顺畅
  4. 真实准确 - 交通信息、价格、班次都要真实
  5. 详细实用 - 美食推荐多,避坑指南详细
  6. 美观大方 - HTML设计有旅游氛围,重点突出
  7. 语言一致 - 全文语言风格统一,专有名词处理得当

移动端适配

HTML模板已内置响应式设计:

  • 768px断点适配平板
  • 375px断点适配小屏手机
  • 触摸优化(44px最小点击区域)
  • 横向滚动支持(表格、标签栏)
  • 右侧导航:屏幕宽度≤1024px时自动隐藏

参考资源

  • HTML模板: assets/template.html - 完整HTML模板参考
  • 设计规范: references/design-spec.md - 配色、字体、布局规范
  • [NEW] 每日行程卡片规范: references/daily-itinerary-spec.md - 酒店住宿推荐、酒店→景点路线条、景点间交通提示的详细HTML结构和CSS代码 - 酒店住宿推荐、酒店→景点路线条的详细HTML结构、CSS代码